Javascript 引导弹出模式重叠页面标题

我试图创建一个网页，有一个标题，总是在所有其他的顶部。如果我添加一个引导模式到弹出窗口，它会有一个灰色区域覆盖标题

我已经尝试为我的红色背景标题元素和模式弹出元素设置了

z-index

，但它只会导致模式灰色框覆盖我的红色导航栏，我正试图避免这种情况

---

标题的默认位置为 位置：静态

将其更改为：

CSS

---

这将解决您的问题。如果你想让你的标题在未来粘性。位置：固定也可以工作。您应该避免接触模态框z索引，而是根据具体情况更改组件的z索引。

当模态弹出时，它在DOM的顶层创建了一个div元素，我遇到了一个类似的问题，并将z索引设置为解决了这个问题：

---

.modal-background.show{z-index:1000！重要；}

您是否尝试添加css，将modal的灰色部分定位在标题下？

header{
    position: relative;
    z-index: 1041;
}