slideToggle 弹出的对话框怎么覆盖原来位置的内容 高手在哪里

Question

我做了个在底部弹出一个div的内容使用slideToggle，但弹出的内容不能覆盖原来地方的内容，用z-index也不行，求解slideToggle 覆盖

Answer 1

<footer>
<div  id="poptop" style="display:none">
XXXXXXX
</div>
</footer>
 <span class="btn-slide active">推荐内容</span> $(document).ready(function(){
$(".btn-slide").click(function(){
$("#poptop").slideToggle("slow");
$(this).toggleClass("active"); 
 return false;
}); 
});   #poptop { height: 420px; bottom:0px;position:absolute;}
     .btn-slide { 
   background: #F27613 url(http://www.iiwnet.com/images/jstx/white-arrow.gif) no-repeat right -50px;
   position:absolute;
   bottom:0px;
   right:0px;
   font:bold 120%/100% Arial, Helvetica, sans-serif;
   color: #fff;
   width: 144px; height: 31px;
   text-align: center;
   padding: 10px 10px 0 0;
   cursor:pointer;
         }
     .active { background-position: right 12px; }