javascript - jquery根据html内容前面

Question

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

这是指向显示问题的图像的链接。

我尝试进入 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 工作？