We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 302
    • 6 Posts
    Hey all. I have the menu up and running and styled. When it drops down it is behind the flash content on the page. I tried z-index but to no avail. Any suggestions??

    Thanks alot!
      • 27708 MODX Staff
      • 2,502 Posts
      Well, don’t get me started on dropdowns but I think you need to add the following to the flash call <param value="transparent" name="wmode"/> and make its container have a z-index of less than the dropdown as well the menu container’s z-index will need to be set as z-index is limited to contained elements so relative divs following the menu’s div will all have a z-index of 0. Give the menu’s dive a z-index of 1000 and then give the flash element div a z-index of 100. Z-index is a pain at the best of times.

      Best solution would be to use firebug in Firefox to play with the z-indexing live and test your results. Make sure you double check IE though as it renders z-indexing a little different.

      Cheers,

      Jay
        Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub