html - 设置背景时z索引不起作用？

Question

我有一个图片广告，它的位置是固定的，z 指数是 40

#subHead{
   position: fixed;           
   height: 80px;    
   background: #c00;
   z-index: 40;
   margin-top: 140px;
}

我有一个“post”容器，它的位置是相对的，z 索引是 34343443。它的蓝色图像背景高度为 500 px

.post {
    background: url("http://.../Blue.png") top no-repeat;
    z-index:34343443;
    postion:relative;
}

由于“post”容器的 z 索引较高，如果它们在一个地方发生冲突，它应该在广告上方。但是 z 索引为 40 的图像广告仍然在蓝色背景之上

经过几个小时的故障排除后，我真的快疯了。请帮助

score 0 · Accepted Answer

问题是它#subHead在里面，.post所以它总是显示在它的前面......为了把它放在它后面，你必须把它放在同一层（例如 in .post-outer）。

1 回答 1