IE7 z-index problem with Flash content

问题:

I have a problem with flash content in IE7 being always over the menu items

I have a structure like the following:

<div id='skyscraper_flash'>
<!--this id skyscraper_flash is position absolute-->
  <object>
   <!--this is wmode transparent-->
  </object>
</div>

<div id='menu'>
<!--this id menu is also position absolute-->
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</div>

Now then the last item of the menu opens it shows behind the flash content. The skyscraper is on the right of the page content. What should i look into?

回答1:

You can give this inside the object tag

<param name="wmode" value="transparent">

回答2:

Yeah, you need to change the z-index of the menu and add wmode="transparent" like above

回答3:

opaque for performance

<param name="wmode" value="opaque">

http://www.communitymx.com/content/article.cfm?cid=E5141