Slimbox - Image Overlay

Question

I have a problem with the Slimbox plugin. When I click on the image, it loads the overlay in front of the image.

Here is an example link: http://immodena.ch/verkaufsangebote/villen/item/38-villa-mit-wohnen-und-arbeiten

I do not understand where the problem is. I thought this was a problem with some z-index that overrides the plugin's default stylesheet, but with the inspector, I don't see anything in that direction.

Can some of you tell me what I'm doing wrong?

Answer 1

right finally found the problem.

You need to add z-index:1; in #lbImage { }

Then you need to remove z-index:9999; from #lbCenter, #lbBottomContainer { }

and delete the z-index:9998; from #lbOverlay { }

Hope this helps :)

  #lbImage { z-index:1; } div#lbCenter, div#lbOverlay, div#lbBottomContainer { z-index: inherit; }