div容器上的圖像

Question

如何將消息條與div重疊？

在div 「NAV」 必須是固定的位置。

<img src="images/diagonal_corner_message_strip.png" id="copyright" /><div id="nav"> 
    <ul> 
    <li><a class="top" href="#top"><span></span></a></li> 
    <li><a class="bottom" href="#bottom"><span></span></a></li> 
    <li><a>List</a></li> 
    <li><a>Create</a></li> 
    </ul> 
</div> 

#nav { 
    padding: 6px 0; 
    border-bottom:1px solid #ddd; 
    position:fixed; 
    width:100%; 
    top:0px; 
    left:0px; 
    right:0px; 
    margin:0; 
    background:#fff url(../images/navigation/nav.png) repeat-x center left; 
    z-index:999999; 
} 

img#copyright { 
    position:absolute; 
    top:0px; 
    left:0px; 
    right:0px; 
    float:left; 
} 

非常感謝！

Answer 1

#nav的z-index設置爲999999。

img#copyright的z-index沒有設置。

z-index定義了顯示元素的順序，最高值顯示在頂部。解決您的問題很容易，img#copyright比#nav更高z-index。