2012-08-07 183 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