SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    position <div> over a flash movie?

    Just wondering if any one has any ideas on this? I've tried the good old z-index but to no avail so far. Anyone give me a shove in the right direction?

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    This should help. It won't make a difference in Opera or Safari, but should work for IE/Win, IE/OSX, and Mozilla (all):
    http://www.macromedia.com/support/fl...ents/wmode.htm

  3. #3
    SitePoint Guru
    Join Date
    Feb 2004
    Location
    Oregon
    Posts
    686
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can't place anything over a <object> tag. it is a windowed-element and isn't effected by the z-axis.

    same goes for <select>, <applet> and a couple more
    success is not by chance, it is by choice.

  4. #4
    SitePoint Guru
    Join Date
    Mar 2004
    Location
    Earth
    Posts
    406
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah but there is a way Check this out - http://dotnetjunkies.com/WebLog/jkin...07/21/488.aspx - it works in IE5.5 and IE6 and allows layers to go above flash, <select> and even Java applets!

  5. #5
    SitePoint Addict
    Join Date
    Dec 2002
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Sahajin
    you can't place anything over a <object> tag. it is a windowed-element and isn't effected by the z-axis.

    same goes for <select>, <applet> and a couple more
    ah but you can

    read the link form vinnie's post it explains how to do it.

    Of course it only works for gecko (moz1.4+), ie, safari... possible iemac on osx but I haven't tested there.

    Also gecko and safari need to have flashplayer 6+

  6. #6
    SitePoint Guru
    Join Date
    Feb 2004
    Location
    Oregon
    Posts
    686
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    vinnies post shows you how to make the flash transparent. not how to cover it.

    but brothercake's link shows an interesting idea.

    the iframe example is cool. I will have to remember that.
    success is not by chance, it is by choice.

  7. #7
    SitePoint Addict
    Join Date
    Dec 2002
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    windowless mode with flash makes it possible to use Z-index to place DIVs (etc) over it...

  8. #8
    SitePoint Guru
    Join Date
    Feb 2004
    Location
    Oregon
    Posts
    686
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am not big on flash but if I read this correctly is doesn't say anything about windowless mode and making it go below a div layer.
    Choose "Transparent" in the WMODE setting to make the Flash movie's background disappear in browsers which support this feature.
    success is not by chance, it is by choice.

  9. #9
    SitePoint Guru
    Join Date
    Mar 2004
    Location
    Earth
    Posts
    406
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No I know - call it a co-incidence or a quirk of design - it's just that using wmode transparency is what allows a flash object to fall in with the normal page z-order. If you don't use transparency, it doesn't - if you do, it does.

    Well so they say anyway. I've never got it to work. The iframe trick is the only thing I've seen working with my own eyes.


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
  •