[英]Image over div-container
如何將消息條與 div 重疊?
div "nav" 的 position 必須固定。
<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;
}
非常感謝!
#nav
的z-index
設置為999999
。
未設置img#copyright
的z-index
。
z-index
定義了元素的顯示順序,最高值顯示在頂部。 您的問題的解決方案很簡單,給img#copyright
一個比#nav
更高的z-index
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.