Z-Depth problem, help with my thumbnails?

[alpay]

http://blog.litstudios.com/index.php?/a ... Lapse.html

Hi everyone, at the link above is a demonstration of a problem I'm having... I am trying to use some javascript, it is the Highslides effect that you may have seen before, it uses js and css to zoom a thumbnail to full size for viewing. I got it working ok, but if you notice, the two thumbnails at the bottom of the post are getting covered by my flash embed in the page... This is probably a simple css question:

How do i put my thumbnails at a higher z-depth? I want the thumbnails/images to always stay on top of everything else on the page.

Thanks so much.

ps: to get this to work I stuck a bunch of Highslide specific css at the end of the CSS of the bulletproof template I am using.

Alpay

[garvinhicking]

Hi!

You must add "<param name='wmode' value='transparent'>" as a param to your <embed> objects to make the flash transparent. Only then you can use z-index to achieve what you want through like this:

Code: Select all

.highslide img {
z-index: 4 !important;
}

HTH,
Garvin

[alpay]

Omg, that did it... You're the best!!!!!!!

i forgot about wmode, been a long time since I needed to know that... you, my friend, have made my day - I just spent hours trying to figure out my problem. THANK YOU!