Issue with z-order in IE7

Z-index problem开发者_StackOverflow中文版.

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).

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.

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.