背景图像 div 隐藏 jquery 幻灯片答案

【问题标题】：Bakground image div hiding jquery slideshow背景图像 div 隐藏 jquery 幻灯片
【发布时间】：2012-08-04 15:55:00
【问题描述】：

我在 div 类“feature2”中有一个带有标题的 jquery 幻灯片。我已经向 div 类“feature2”添加了一个背景图像，它跨越了 100% 的屏幕宽度，但问题是它隐藏了我的幻灯片图像 - 但不是它们的标题？

这是我希望它看起来如何的一个示例 - http://www.signport.co.uk/test/asg_aston.html

如果你用 firebug 禁用 'background-image url("Images/background.png")' 它会显示背后的图像。

如何修改它，使图像幻灯片和标题位于阴影图像的前面？

谢谢

【问题讨论】：

【解决方案1】：

你需要在 div 标签中添加一个z-index，所以它应该是这样的：

<div class="feature2" style="padding-right: 350.5px; margin-left: -350.5px; padding-left: 350.5px; z-index:1;">

z-index 设置特定元素的堆栈顺序。

希望这会有所帮助。

【讨论】：

嘿，非常感谢 - 它有效！出于兴趣，为什么我只需要将 z-index 添加到该 div ？我以为我必须更改其他 div 的 z-index 以便它知道堆叠它们的顺序？
@DarrenBaker 您只需将其添加到特定的 div 原因，这是您唯一需要放在顶部的原因。
看到我的回答回答了你的问题，你能不能用勾选按钮“接受它”。