css - 如何拥有一个覆盖其背后所有 div 的 div？

Question

在每个页面的标题中，我都有一个带有以下 CSS 的 div：

.top{
    display: block;
    position: fixed;
    left:0;
    top:0;
    left:0;
    height: 50px;
    width: 100%;
    background-color: #0066a4;
}

问题是当我的页面足够长并向下滚动这个 div 时，“top”类与我页面中的其他 div 冲突！有什么方法可以让我的标题为“top”类的 div 覆盖我的页面女巫与它冲突的所有其他 div？

我希望我可以放一张我的网页图片！如果您需要更多说明，请告诉我。如果有任何方法可以放置图像，请告诉我该怎么做？谢谢 ：）

谢谢

Answer 1

将此添加到您的.top课程中：

z-index: 500;

然后读这个。