如何在我的網站的其餘部分覆蓋頂部菜單？

Question

我有PHP生成的HTML，我想創建圖層。基本上我想有一個菜單覆蓋而不會搞亂它下面顯示的所有東西的結構。

Answer 1

試試這個：

CSS：

#menuOverlay { 
    position:fixed; /*or absolute*/ 
    top:0; 
    left:0; 
    width:100%: 
    height:30px; 
    background:green; 
    z-index: 999; /* or greater value */ 
} 

HTML：

<div id="menuOverlay"> 
    menu items here .... 
</div> 

Answer 2

您需要使用CSS關鍵字z-index。更多信息和完整的教程在這裏：
http://www.html.net/tutorials/css/lesson15.asp

Answer 3

在你的CSS文件 -

#overlaymenu { 
    z-index: 1000; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 20px; 
    background: #000; 
    color: #FFF; 
} 

在HTML -

<div id="overlaymenu">My menu's content!</div> 

希望幫助！