SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to force Flash content to top of the stack?!

    Hi there,

    I'm working on a site that uses <iframe>s and a Flash MP3 player which is generated dynamically using JavaScript. Everything works fine in Firefox Mac, Opera Mac, Safari Mac, IE6 and 7 Windows, but in Firefox Windows, the buttons on the Flash player are not clickable. The Flash player is sitting 'on top of' the <iframe> and everything is positioned relative/absolute.

    Can anyone help?!

    http://www.darkaudio.co.uk/v2/live_site/

    I've tried setting z-index to negative on the <iframe> and positive on the <div id="player"> but no luck.
    Have also tried feeding flashvars wmode="opaque" and "transparent" with no luck.



    Thanks in advance!

  2. #2
    SitePoint Guru Chroniclemaster1's Avatar
    Join Date
    Jun 2007
    Location
    San Diego, CA
    Posts
    784
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's not great semanticly, but we inserted a clearing div between our navbar (a series of nested lists inside a div) and the flash object embedded in our HTML.

    <div class="clear"></div>

    Then we inserted this style rule in our stylesheet and it allows the menus to drop down in front of the flash movie with everything we've been able to test including IE6/7, FF, Opera on the PC and Safari & FF on Mac.

    .clear {
    clear:both;
    overflow:hidden;
    height:0px;
    display:block;
    }

    Not sure if it makes *any* difference, however our wmode is transparent.
    Whatever you can do or dream you can, begin it.
    Boldness has genius, power and magic in it. Begin it now.

    Chroniclemaster1, Founder of Earth Chronicle
    A Growing History of our Planet, by our Planet, for our Planet.

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there, thanks for your response but what I'm actually trying to do is force the Flash content *on top of* any other content, whereas I think you were trying to do the opposite.

    For some reason the buttons on the Flash player can't be clicked in FF Windows only...

  4. #4
    SitePoint Guru Chroniclemaster1's Avatar
    Join Date
    Jun 2007
    Location
    San Diego, CA
    Posts
    784
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Interesting. Yes you're correct, they're opposite situations. You might try the clearing div anyway, but yes, usually it's a @&^#$&#37;# trying to get flash underneath things so I don't know if it will work in reverse.
    Whatever you can do or dream you can, begin it.
    Boldness has genius, power and magic in it. Begin it now.

    Chroniclemaster1, Founder of Earth Chronicle
    A Growing History of our Planet, by our Planet, for our Planet.


Bookmarks

Posting Permissions

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