css - 如何让一个 div 覆盖它后面的所有 div？

Question

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

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

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

我希望我能放一张我的网页图片!如果您需要更多说明，请告诉我。如果有什么办法可以放图片，请告诉我该怎么做？谢谢:)

谢谢

Answer 1

将此添加到您的 .top 类:

z-index: 500;

Then read this.