html css位置前景

“主页”是标签，我想把它放在菜单后面。我怎么做

上图显示了站点当前的外观

以下是我目前在网站中使用的CSS代码：

  ul li {
    float: left;
    width: 19.86%;
    background-color: black;
    opacity: .8;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border: 1px solid white;
}

    ul li ul li{
    display: none;
    width:100%;
    z-index:10;
}

    h1 {
    top: 1em;
    position: absolute;
    text-align: center;
    font-size: 65px;
    font-weight: bold;
    z-index:5;
}

---

设置

h1

z-index:1

。然后将

z-index:2

设置为黑色背景的第一个

ul

。 比如：

---

设置

h1

z-index:1

。然后将

z-index:2

设置为黑色背景的第一个

ul

。 比如：

---

而是

z指数：5使用
z索引：-1至
h1

并删除
z-index:10来自
ul li ul li
（不需要）
ulli{
浮动：左；
宽度：19.86%；
背景色：黑色；
不透明度：.8；
线高：40px；
文本对齐：居中；
字体大小：20px；
边框：1px纯白；
}
ulli ulli{
显示：无；
宽度：100%；
}
h1{
顶部：1px；
左：50px；
位置：绝对位置；
文本对齐：居中；
字体大小：65px；
字体大小：粗体；
z指数：-1；
}
















主页
而不是
z-index:5使用
z索引：-1至
h1

并删除
z-index:10来自
ul li ul li
（不需要）
ulli{
浮动：左；
宽度：19.86%；
背景色：黑色；
不透明度：.8；
线高：40px；
文本对齐：居中；
字体大小：20px；
边框：1px纯白；
}
ulli ulli{
显示：无；
宽度：100%；
}
h1{
顶部：1px；
左：50px；
位置：绝对位置；
文本对齐：居中；
字体大小：65px；
字体大小：粗体；
z指数：-1；
}
















主页
您的html代码？请改为尝试
z-index:5使用
z索引：-1它不是已经在后台了吗？你能提供一张你想要的照片吗？请记住，它的白色将通过上面的图层显示，也许您只是想降低其
不透明度
？z-index 101：它只适用于定位元素。因此，您至少需要将
位置：relative
添加到您的
ul li ul li
中。（但可能更合理的做法是首先将其应用于最外层的菜单容器元素，而不是单独应用于子菜单项。）使用
z索引：-1它不是已经在后台了吗？你能提供一张你想要的照片吗？请记住，它的白色将通过上面的图层显示，也许您只是想降低其
不透明度
？z-index 101：它只适用于定位元素。因此，您至少需要将
位置：relative
添加到您的
ul li ul li
中。（但首先将其应用于最外层的菜单容器元素可能更有意义，而不是单独应用于子菜单项。）
h1 {
    z-index: 1;
}
ul {
    z-index: 2;
}