javascript - 带有 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 使其位于#content div 的顶部。

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