CSS Z索引滑动图像

我对一个网站有点问题

jn-racing.de

背景中导航下的“横幅”栏是带有gras的

.png

图像，但滑动图像位于png的前面

滑动图像的Z索引为3，css类“banner”为99

背景必须在滑动图像的前面

感谢

滑块的子对象和滑块本身被定位（相对），这意味着它们各自属于各自的堆叠上下文，z索引将不起作用

（A）

您需要删除position属性。但这可能会与您定位的图像冲突，因此这不是一个真正的选项

（B）

您需要草地背景与#slider位于相同的堆叠上下文中，这意味着它必须位于元素上，元素也是#banner（slider的兄弟）的直接子元素

例如：

#slider:after {
    content: '';
    height: 10px;
    width: 1024px;
    background: url(images/banner.png) no-repeat left bottom;
}

---

你应该把grass.png和html放在

#slider

div下，并给它（新的

img

）一个ID。只要它是背景，就很难通过css将其移动到前面。这有帮助吗？

完成后，您应该能够将草放在滑动图像的顶部。