SlideDown div显示在其他div后面

时间:2013-07-16 11:30:19

标签: javascript jquery css html

我正在使用JQuery slideDown方法显示和隐藏div,除了它在页面上的其他内容后面向下滑动之外,它的效果很好。我尝试更改z-index的{​​{1}},但它没有任何区别,尽管它隐藏的div没有divs规则和所有其他样式我申请它确实有效。

z-index添加到正确显示的图像中。

我的js ..

z-index

html ...

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

在我正确运行后,内联样式将被移动到CSS页面

1 个答案:

答案 0 :(得分: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" />