A Flash Developer Resource Site

Results 1 to 2 of 2

Thread: dropdown menu in html is hidden behind embedded flash object

  1. #1
    Junior Member
    Join Date
    Nov 2007
    Posts
    11

    dropdown menu in html is hidden behind embedded flash object

    i have a dropdown menu which happens to be positioned above a flash banner in my html page. When i hover over the menu option the dropdown is hidden behind the flash. What do i need to do so that the html elements ie the drop down menu options sit on top of the embedded flash? Thanks in advance.

  2. #2
    Junior Member
    Join Date
    Dec 2001
    Location
    Birmingham, UK
    Posts
    12

    dropdown menu in html is hidden behind embedded flash object

    While this is an old post, I've been looking at different solutions to this problem and thought I'd post the workaround I've decided to use. Hopefully, this might save others a headache in getting their drop-down menus to work.

    I had this problem in IE where horizontal drop-down menus were hidden behind a Flash banner that was placed immediately beneath the menu.

    Here is the markup I've used to add a Flash banner in my HTML page:

    Code:
    <object type="application/x-shockwave-flash" data="mymovie.swf" width="880" height="136">
        <param name="movie" value="mymovie.swf" />
        <param name="wmode" value="transparent" />
        <param name="quality" value="high" />
        <img src="myaltimage.jpg" alt="My alt text" width="880" height="136" />
    </object>
    This line helps to get the drop-down menus to sit over the top of the Flash banner in IE:

    Code:
    <param name="wmode" value="transparent" />
    While there is a recommended method to embed Flash, personally I've found the above markup to be the simplest. It passes validation and you can add alternative content (I used a static image in the markup for users without the Flash Player or have Flash disabled in their browser).

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center