Z-index problem.
div class="menu"... -----contain---- div...
div class="flash"... -----contain---- div...
In firefox the menu is over the flash contain. it's good. but in IE7 the flash is over the menu. when menu is open(display).
jack
A:
This is because Flash is embedded as a plugin into a web-site. Some browsers on some platforms (like newer Firefoxes, Safari) can handle z-indexes on plugin-tags (like object or embed), others can't (like older Firefoxes, IE). This is because for the browser the plugin is an external process, which is not a real part of the DOM of the web-site.
Short answer: you can't do anything about this, except of not using flash.
heb
2010-09-08 09:40:41
Yes...I think you are right...
2010-09-08 10:00:57
A:
Set wmode="transparent" on both the object and embed tags. Then ensure your menu has a higher z-index than the flash file.
If IE7/IE6 is is the issue, you might be dealing with the very common IE7 z-index bug.
Marko
2010-09-08 09:42:14
There is no guarantee that setting wmode to transparent will fix the z-index problem, because the core-problem is that browsers handle plugins differentely. In addition using wmode transparent will make the flash-plugin slower, even more unstable and will cause rendering bugs, especially in Gecko-based browsers.
heb
2010-09-08 09:47:54
Right, well I've been using wmode=transparent for a long time nad have never had any issues, in any browser. Suit yourselves :)
Marko
2010-09-08 21:02:21