jquery - 背景图像 div 隐藏 jquery 幻灯片

Question

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

下面是有问题的页面:

http://www.signport.co.uk/test/asg_slideshow.html

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

如果您使用 firebug 禁用“背景图像 url("Images/background.png")”，它会显示后面的图像。

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

谢谢

Answer 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 设置特定元素的堆叠顺序。

希望这对您有所帮助。