Question

所以就像标题提到的那样，我制作了一个手风琴，在点击时显示了一些内容，但隐藏了侧面菜单下拉。

Here's a link to to an image that shows the problem.

我尝试进入css并添加-1的z-index并且它有效但手风琴无法点击。

我尝试将object.style.zIndex =“ - 1”添加到java脚本中，但也无法正常工作，只是有点拆除了手风琴并显示了所有内容。

我正在使用带有自定义主题的jquery UI，我在html文档中添加了这一点javascript。

$(function() {
$( "#accordion" ).accordion({
  active:false,
  collapsible: true
 });
});
$(function(){
$("#accordion").accordion({
    heightStyle:"fill" 
 });
 });
 $(function(){
$( "#accordion-resizer" ).resizable({
  minHeight: 140,
  minWidth: 200,
  resize: function() {
    $( "#accordion" ).accordion( "refresh" );
  }
 });
 });

这是我正在使用的css以及我所做的微小改动，但不允许用户点击任何内容。

#accordion-resizer{
padding: 10px;
width: 700px;
height: auto;
}
.ui-widget-content{
    z-index:-1;
}

就像我之前提到的，我正在使用带有自定义主题的jqueryUI。希望这可以帮助。提前谢谢。

Answer 1

怎么样：

.ui-widget-content{
    position: absolute;
    z-index:-1;
}

也许定位会让Z-index起作用？

jquery手风琴在html内容面前

1 个答案: