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>

希望有所帮助！

如何在我网站的其余部分叠加菜单？

3 个答案: