2013-03-11 72 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