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

Question

我的页眉具有属性“位置：固定”，但是，正文中的某些图像具有属性“过滤器：灰度（100％）”，当我滚动页面时，图像显示在我的页眉前面。HTML:<header><header><img><img><img>CSS：header{    position: fixed;}img{    filter: grayscale(100%);}我怎样才能把它们放在我的标题后面？

Answer 1

你有没有尝试过

header {

  z-index: 1;

  position: fixed;

}

如果您有其他设置了 z-index 的元素，则需要按顺序管理它们。

Answer 2

就个人而言，我使用：

 z-index:9999

Answer 3

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

Answer 4

尝试这个

header{

 position: sticky;

 top: 0;

  }

HTML 结构在使用 position:sticky 时很重要，因为它使元素相对于父元素具有粘性。并且粘性定位可能不适用于在父元素中粘性的单个元素。