3

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?

Kyle
  • 65,599
  • 28
  • 144
  • 152
Lorenzo
  • 4,558
  • 11
  • 44
  • 54
  • Can you post the CSS for us too? You mention z-indexes but haven't told us what they are :) – Kyle Apr 16 '10 at 12:51

3 Answers3

5

You can give this inside the object tag

<param name="wmode" value="transparent">
rahul
  • 184,426
  • 49
  • 232
  • 263
0

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

Aaron McAdam
  • 706
  • 2
  • 7
  • 20
  • object is initialized with wmode=transparent as i wrote in the pseudo-code. As for z-index, aren't generally position:absolute elements out of z-index logics? – Lorenzo Apr 16 '10 at 13:54
  • z.index applies only to positioned elements, so if you haven't declared a z-index to your elements, you won't be able to control which one is on top... – Kyle Apr 16 '10 at 13:59
0

opaque for performance 

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

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

Fatih Hayrioğlu
  • 3,458
  • 1
  • 26
  • 46