2012-08-07 138 views
1

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

下面是有问题的网页:

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

这是我多么希望它看起来一个例子 - http://www.signport.co.uk/test/asg_aston.html

如果禁用“背景图像URL(“图片/background.png“)与萤火虫,它揭示了背后的图像。

我该如何修改它,以便图像幻灯片和标题坐在阴影图像的前面?

感谢

回答

0

你需要一个z-index添加到div标签,所以它应该是这样的:

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

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

希望这会有所帮助。

+0

嘿,非常感谢 - 它的作品!出于兴趣,为什么我只需要将z-index添加到该div中?我想我必须改变其他div的z-index,以便它知道堆叠它们的顺序是什么? – 2012-08-07 19:51:31

+0

@DarrenBaker你只需要将它添加到该特定的div因子,这是唯一需要放在顶层的因子。 – Lodder 2012-08-07 19:59:46

+0

看到我的回答回答了您的问题,您是否可以善用使用勾号按钮“接受”。 – Lodder 2012-08-07 20:10:42