Javascript 我怎样才能把我的头球放在所有东西的上面？

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

HTML:

---

如何将它们放在标题后面？

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

你试过了吗

header {
  z-index: 1;
  position: fixed;
}

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

您可以亲自阅读更多关于z-index的信息，我使用：

 z-index:9999

试试这个

header{
 position: sticky;
 top: 0;
  }

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

 z-index:9999

header{
 position: sticky;
 top: 0;
  }