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>
            <li><a href=".">Fund Defination</a></li>
            <li><a href=".">Fund Portfolio Datamart</a></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>
          <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>      
       <div id="site-content">
        <div class="container_16">
         <div id="flashContent">
           <a href=""><img src="" alt="Get Adobe Flash player" title="Get Adobe Flash player" /></a><br />
           You need <a href="Flash'>">Flash Player 8</a> and allow javascript to see the content of this site..
  2. Dimo
    Dimo avatar
    8318 posts

    Posted 30 Oct 2013 Link to this post

    Hello Tim,

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

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

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top