Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New Coder
    Join Date
    Oct 2002
    Posts
    48
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Flash and z-index

    Hi all. I think I saw this somewhere in a previous thread about how MacroMedia Flash does not respond to z-index attributes and thus will always be on top of anything else on the page. Is this true, and if so, is there a work-around for it?

    Thanks!

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Posts
    676
    Thanks
    1
    Thanked 0 Times in 0 Posts
    dea...
    did youuu just a mean® this one???
    Displaying Submenus over a flash movie?

  • #3
    New Coder
    Join Date
    Nov 2002
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I experienced the same thing a few days ago What I did was incorporate the image I wanted the Flash file to be underneath *into* the movie on the top-most layer, then added a keyframe on that layer all the way to the end of the movie. That way the image stayed in the same place the entire time. After that, I positioned the flash movie using "style=margin-left:210px" so the top-layer image was in the exact same spot as where it would of been if the Flash wasn't even there.

    example -> http://www.fogu.com/hm4/test.php

    The tree top is only a static image for about 210 pixils. After that, the rest of it (the orange guy in the leaves) is all done in Flash. Flash compression makes that portion of the tree top a *little* blurry, but anyone I've talked to said that they don't notice it.

  • #4
    New Coder
    Join Date
    Oct 2002
    Posts
    48
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Justame, yeah, pretty much same problem as what was in that thread. I have a horizontal menu at the top of the page and a Flash animation just below it. Any of my menu items for each button are covered up by the Flash animation, despite using using a z-index of -3 to try to put the Flash below the menu.

    Cherubae, I see what you're talking about with your site. But I've also noticed that your menu is not overlapping your Flash animation. That's a great work-around for your drifting clouds though!

  • #5
    New Coder
    Join Date
    Nov 2002
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okey so my problem wasn't exactly the same thing like I thought

    Do you just need to push your flash movie farther down the page or are your buttons sort of a dhtml drop-down menu (whereas the flash would always be on top)?

  • #6
    New Coder
    Join Date
    Oct 2002
    Posts
    48
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Cherubae, yeah, my buttons are in a DHTML drop-down menu and the menu items are hidden underneath the Flash banner. All I need is to have the menu always be on top of everything, including the Flash banner.

  • #7
    New Coder
    Join Date
    Nov 2002
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Golly, I don't know then The Flash is always going to sit on top no matter what you do. The only thing I can think of is to move the Flash above the navigation buttons or make the buttons themselves into the Flash animation.

    <wacky brainstorm mode ON>
    Could one put the Flash inside of an i-frame and then z-index that i-frame to the back? Or some sort of image swap whereas on mouseover the Flash would go away and change into a a static jpg?
    </wacky brainstorm>

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://www.macromedia.com/support/fl...ents/wmode.htm - apparently if you use the 'wmode' transparency attribute in the flash object, this makes it fall-in with the standard page z-order.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #9
    New Coder
    Join Date
    Oct 2002
    Posts
    48
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey B-Cake!!! VERY NICE! It works now. I really appreciate the help. Now the design doesn't have to be redone.

    Thanks again!

  • #10
    Regular Coder
    Join Date
    Jun 2002
    Posts
    676
    Thanks
    1
    Thanked 0 Times in 0 Posts
    bro...
    just a ta® for the just a solution® ...:O)))

  • #11
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,273
    Thanks
    4
    Thanked 83 Times in 82 Posts

    Thumbs up



    That is very good info. I wish I had known how to do that before I had to rearrange some things in a site I was working on. Maybe the mod would like to make this a sticky important thread for awhile. Or maybe WA could publish this tip at javascriptkit under the web tutorials section.
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster

  • #12
    New Coder
    Join Date
    Oct 2002
    Posts
    48
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've noticed that in Netscape 7 this problem is still occuring, despite using the wmode attribute. Is this just a fatal flaw of Netscape or is there a work-around?


  •  

    Posting Permissions

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