Html 为什么我的页面固定标题覆盖在页面内容下方？

我正在使用这些样式线。请检查为什么页眉显示在页面内容下方？ 这是网站，请告诉我该怎么做

.header-normal .site-header.fixed-on  {
    background: #383780;
    opacity: 0.9;
    height: 130px;
}

---

代码中有一个

z-index:20

---

您可以使用

z-index:21，使其显示在页面内容上方。
将z-index:21或更多添加到css中，它将起作用。
z-index用于定义html元素的堆栈顺序。具有较高堆栈顺序的HTML元素始终位于具有较低堆栈顺序的元素的前面

header{
    z-index: 9999;
}

它将增加页面标题堆栈顺序，而不是页面内容堆栈顺序。
请确保您的固定标题z索引值大于其他部分的z索引值

比如说,

.header-normal .site-header.fixed-on  {
    background: #383780;
    opacity: 0.9;
    height: 130px;
    z-index: 9999;   
  }

CSS中的z索引属性控制重叠元素的垂直堆叠顺序。在中，哪一个看起来好像离你更近。z索引仅影响位置值不是静态（默认值）的元素

如果没有任何z-index值，元素将按照它们在DOM中出现的顺序堆叠（位于同一层次结构级别的最低元素出现在顶部）。具有非静态定位的元素将始终显示在具有默认静态定位的元素的顶部。
您可以尝试添加z-indexpress请阅读：并创建
.header normal.site-header.fixed-on{background:#383780；z-index:80；}
use z-indexb但我面临的另一个问题是标题在滑块下方显示空间，我正在使用此属性。页面标题换行{padding top:39px；}但问题是相同的添加top:60px是为div“page header wrap clearfix”添加的这就是为什么空间在那里，那么我应该补充什么呢