menu drop down hidden behind a flash object in IE9

2 posts, 0 answers
  1. Tim
    Tim avatar
    5 posts
    Member since:
    Feb 2013

    Posted 29 Oct 2013 Link to this post

    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>
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 30 Oct 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
Back to Top