CSS索引滑动图像

Question

我有一个网站的小问题。

jn-racing.de

背景导航下的“旗帜”栏是一幅.png图像，带有gras，但滑动图像位于png的前面。

Z-滑动图像的索引为3，css类的“横幅”为99。

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

谢谢

Answer 1

#滑块和#滑块本身的childs被定位(相对)，这意味着它们各自属于自己的堆叠上下文，z-索引不会产生任何影响。

a)

你需要移除位置属性。但这可能与你的定位图像相冲突，所以这不是一个真正的选择。

b)

您将需要草背景驻留在与#滑块相同的堆叠上下文中，这意味着必须位于元素上，这也是#横幅的直接子元素(与#滑块的兄弟关系)。

示例：

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

Answer 2

你应该把你的草.png放在#slider div下，给它一个ID (新的img)，只要它是背景，就很难通过css把它移到前面。这有用吗？