2013-03-11 71 views
4

我有一個Slimbox插件的問題。 當我點擊圖像時,它會在圖像前加載覆蓋圖。Slimbox - 在圖像前疊加

下面是一個例子鏈接: http://immodena.ch/verkaufsangebote/villen/item/38-villa-mit-wohnen-und-arbeiten

我不明白的地方就是麻煩。我認爲這是一個Z-index的問題,它覆蓋了默認插件的樣式表,但對於檢查員而言,我沒有看到這方面的任何內容。

你們中的一些人,可以告訴我我做錯了什麼?

+0

我不不會在Firefox,Chrome,IE9,IE8,IE7,Safari和Opera中看到問題。我錯過了一些瀏覽器? – Morpheus 2013-03-11 11:27:05

+0

當您單擊圖庫上的圖像時,不透明度疊加層位於圖像前。我的意思是低音大。你沒有看到? – 2013-03-11 12:16:14

+0

也適合我。你可以截取你看到的內容嗎? – Lodder 2013-03-11 12:59:16

回答

10

對,終於找到了問題。

您需要添加z-index:1;#lbImage { }

然後,你需要從#lbCenter, #lbBottomContainer { }

刪除z-index:9999;#lbOverlay { }

希望刪除z-index:9998;這有助於:)

#lbImage { 
    z-index:1; 
} 

div#lbCenter, 
div#lbOverlay, 
div#lbBottomContainer { 
    z-index: inherit; 
} 
+4

這些更改可能會修復掩碼問題,但會使插件無法正常工作。問題是關於使用jQuery 1.9+。如果你使用jQuery 1.8.3-,問題就會消失。 – Natasha 2013-04-14 11:02:22

+0

謝謝娜塔莎!這對我有效!似乎Slimbox需要發佈更新。 – James 2013-04-18 19:29:33

+1

@Natasha - 夠公平的,但我不會推薦OP入侵插件文件。開發者應該爲最新版本的jQuery發佈更新。更容易做我建議的,而不是破解可能導致錯誤的插件;) – Lodder 2013-04-19 10:00:06