jquery - Bakground 图像 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

如果你用萤火虫禁用'background-image url("Images/background.png")'，它会显示后面的图像。

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

谢谢

Answer 1

You need to add a z-index to the div tag, so it should look like this:

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

z-index sets the stack order of specific elements.

Hope this helps.