Site in question: http://www.lifeionizers.com/

I've got a weird issue involving a suckerfish menu and a rotating javascript banner. In Firefox 3, everything is normal when you first load the page. However, wait a few minutes, then try the CSS menu... it hides behind the rotating banner. Reloading the page fixes the problem for a little while, but after a few minutes it hides again.

I'm guessing it has something to do with the javascript-powered rotating banner that I implemented (looks like flash, but it isn't). No z-index is being used in the banner script, and adding a high z-index to the menu does nothing. The banner-rotating script being used is called "Ultimate Fade-In Slideshow". Any idea what's going on there?

3 answers

3
points
This was chosen as the best answer

It is indeed z-index, the script that you're using keeps increasing z-index each time an image changes and when it goes above 10, that's when your menu starts to hide behind it. The solution is to go line 117 in nomoo_suckerfish.css and change "z-index: 10;" to "z-index: 9999;"

Answered over 8 years ago by Anatoli Papirovski
Bill D 13
1
point

Is altering the script out of the question? Rather than setting the z arbitrarily high for the menu, I think it would be better to stop the z index from increasing to infinity.

Answered over 8 years ago by Bill D
1
point

Ah! I had no idea the script did that. You are most wise, Anatoli, thank you!

Answered over 8 years ago by Zoe Blessing