如何将标题放在所有内容的顶部？

Question

我的页眉具有属性“位置：固定”，但是，正文中的某些图像具有属性“过滤器：灰度（100％）”，当我滚动页面时，图像显示在我的页眉前面。

HTML:

<header><header>

<img>

<img>

<img>

CSS：

header{

    position: fixed;

}

img{

    filter: grayscale(100%);

}

我怎样才能把它们放在我的标题后面？

Answer 1

你有没有尝试过header {&nbsp; z-index: 1;&nbsp; position: fixed;}如果您有其他设置了 z-index 的元素，则需要按顺序管理它们。

Answer 2

就个人而言，我使用：&nbsp;z-index:9999

Answer 3

在标题 css 规则中添加：z-index: 100;&nbsp;位置：固定；

Answer 4

尝试这个header{&nbsp;position: sticky;&nbsp;top: 0;&nbsp; }HTML 结构在使用 position:sticky 时很重要，因为它使元素相对于父元素具有粘性。并且粘性定位可能不适用于在父元素中粘性的单个元素。