0

我正在使用该JQuery slideDown方法来显示和隐藏一个div效果很好的除了它在页面上的其他内容后面向下滑动的事实。我尝试过更改 the z-index，div但它没有任何区别，尽管divs它隐藏在后面没有z-index规则，而且我应用到它的所有其他样式都有效。

添加z-index到图像使其正确显示。

我的..

<script>
$(document).ready(function(){
  $(".close1").click(function(){
    $("#what_is_audit_control").slideUp();
  });
  $(".slide_down_1").click(function(){
    $("#what_is_audit_control").slideDown();
  });
});

html...

<div id="what_is_audit_control" 
       style="display:none; border-style:solid;border-color:#666;border-width:thin;width:600px; margin-left:20px;">
           <p>I hope this works</p><br/>
           <p class="close1">close</p>
</div><!--what is audit control-->
<img id="audit_control_main_tab" class="slide_down_1" src="images/tabs/audit_control_main.gif" alt="What is audit control?" style="z-index:99999999999" />

在我让它正常工作后，内联样式将被移动到 CSS 页面

4

1 回答 1

1

您必须更改元素上的位置。z-index 仅适用于绝对和相对。

尝试：

<div id="what_is_audit_control" 
       style="display:none; border-style:solid;border-color:#666;border-width:thin;width:600px; margin-left:20px; position: relative; z-index: 2000">
           <p>I hope this works</p><br/>
           <p class="close1">close</p>
</div><!--what is audit control-->
<img id="audit_control_main_tab" class="slide_down_1" src="images/tabs/audit_control_main.gif" alt="What is audit control?" style=" position: relative; z-index:1000" />
于 2013-07-16T11:35:51.317 回答