Slimbox and Tabbed content on same page

minor clash

[Mokita]

I have a site which uses a script from Dynamic Drive for tabbed content on text-only pages and Lightbox/Slimbox for the gallery pages.

A complication has arisen, where I have been asked to add two thumbnails to a tabbed content page, which then opens the larger images using Slimbox.

It works okay, but the problem is that the tabs are showing on top of the overlay and larger photo.

What do I need to do to make them stay underneath the overlay?

TIA!

[Frank_Rizzo]

Try increasing the z-index value of the overlay div.

[Mokita]

Hi Frank,

Sorry about the delay replying, but life has been throwing curve balls at me lately. :(

Many thanks for the suggestion. You were quite right to point me at the CSS for the solution, but your suggestion didn't work. Increasing the z-index of the overlay to 50 succeeded in greying out the photo, and increasing the z-index of the photo layer to 100 brought that right, but still left the tabs showing on top.

Eventually I thought to look at the CSS for the Tabs, and found z-index:5. But as they are position:relative, they ought not to have any z-index setting at all. So I deleted it, and now all is well!

Sorry for the long reply, but thought I'd spell it all out, in case someone else is looking for the answer.

Cheers!