iframe이 작동하지 않는 드롭 다운 메뉴

Question

다른 div 위에이 z- 색인을 배치하는 데 문제가 있습니다. 내가 어떻게 그 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

#bottom의 DIV에 position:absolute;를 추가하면이 #content div의 상단에 머물 수 있습니다.

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

Answer 2

당신은 그렇지 않으면이 작동하지 않습니다, 모든 사용자가 Z- 인덱스에 의해 positionate 할 div에에 position:absolute을 추가해야합니다.