Safari and the z-index flash problem

Question

Hi everybody, I don't know if it's a classic safari 4 bug, but apparently many people cannot display correctly a non-flash content (div, image, etc.) over a flash animation. I tried everything: The wmode (switching from "opaque" to "transparent"), the z-index and many other div "cheats".

Did anyone know if there is a safari 4 patch/trick/script to fix this problem?

Thank you very much, regards.

Answer 1

Please provide specific version numbers and Mac or Windows (Flash Mac plugin is slightly different than Flash Windows). Flash 9 + Safari 4 works fine with my company's website and HTML elements z-indexed over flash.

Answer 2

I'm having the same issue here, with both Chrome and Safari on a PC. (Macs work fine)

In my particular case, I have a flash video inside a cross-domain iframe. No matter what z-index scheme I choose, I can't seem to make a div stay on top of the flash video.

Does anyone know where we can report this?

Answer 3

Same problem here on Mac OS X. The flash movie is on top of everything else for one of my users. This is his setup:

(Intel Mac OS X 10_6_3; en-us) AppleWebKit/531.22.7 (KHTML, like Gecko) Version/4.0.5 Safari/531.22.7

I tried to reproduce this on my system, but it works fine! Same Safari version, same flash version. Only difference: I use Mac OX 10.5.8...

Answer 4

this bug affects only a specific combination of osx, flash plugin and webkit version (so both safari and chrome are affected, in different versions)

Answer 5

Hi... Am using windows OS. I have a z-index problem in safari other than safari its working fine. Am using one popup window over that flash. The problem is when i open the popup window the flash is coming on top of that window. I have called the flash in iframe. Other than safari its working properly even in IE6 its working properly.

Would anyone help me to rectify this problem....

Answer 6

I was able to fix the exact same problem using help I found here: http://vimeo.com/forums/topic:28312

I gave the div that was wrapping the flash element a position:relative, and the object then sat nicely. I didn't do any wmodes or z-index changes.