下拉菜单与iframe不工作

Question

我有一个问题将此z-index放在另一个div上。我怎么能这样做，当它滑下它下滑该div。如果你想看到一个例子，我可以通过聊天向你展示。基本上下拉框是在另一个低于它的div下，但我希望它悬停在它上面。

<style type='text/css'> 
#content { 
    margin: auto 0; 
    margin-left: 10px; 
    width: 240px; 
    border-left: 10px solid #6280c1; 
    border-right: 10px solid #6280c1; 
    text-align: center; 
    padding: 100px 0px 100px 0px; 
    display: none; 
} 
#bottom { 
    width: 280px; 
    height: 81px; 
} 
</style> 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$('#bottom').toggle(

function() { 
    $('#content').slideDown(); 
}, function() { 
    $('#content').slideUp(); 
}); 
});//]]> 

</script> 

<div id="content">CONTENT</div> 
<div id="bottom"><img src="../images/drop_fb.png" width="280" height="81"></div> 

Answer 1

添加position:absolute;到#bottom网页DIV使它留在＃内容DIV的顶部。

#bottom { 
    position:absolute; 
    top:0; 
    left:0; 
} 

Answer 2

您必须添加position:absolute每一个div的，你想的z-index到positionate，否则将无法正常工作。