This is a migrated thread and some comments may be shown as answers.

menu drop down hidden behind a flash object in IE9

1 Answer 44 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tim
Top achievements
Rank 1
Tim asked on 29 Oct 2013, 03:23 PM
Using the Menu in IE9, the child menu items are hidden behind the flash object.  When viewing the page in Chrome, the child menus are shown correctly.  Any suggestions on getting this to work?

<div id="header" ></div>
<div id="main-nav" >
    <div class="container_16">
       <ul id="menu">
      <li><a href=".">Funds</a>
       <ul>
        <li><a href=".">Fund Defination</a></li>
        <li><a href=".">Fund Portfolio Datamart</a></li>
       </ul>
      </li>       
      <li><a href="">Partners</a><ul>
        <li><a href=".">Distribution Dashboard</a></li>
        <li><a href=".">Mailing Lists</a></li>
        <li><a href=".">Contact Password Lookup</a></li>
       </ul>
      </li>
      <li><a href=".">Portfolio</a></li>
      <li><a href=".">Supplemental</a></li>
      <li><a href=".">My Reports</a></li>
      <li><a href="">Utilities</a></li>      
     </ul>
</div>    
   </div>
   <div id="site-content">
    <div class="container_16">
     <div id="flashContent">
       <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" title="Get Adobe Flash player" /></a><br />
       You need <a href="Flash'>http://www.adobe.com/go/getflashplayer">Flash Player 8</a> and allow javascript to see the content of this site..
     </div> 
    </div>
   </div>

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Oct 2013, 02:13 PM
Hello Tim,

The Menu must reside in a higher stacking context, compared to the flash.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index

In addition, the flash must have its wmode property set to "transparent".

http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Menu
Asked by
Tim
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or