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 11 of 11
  1. #1
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Getting CSS Drop-Down to Render Over Flash Object

    I have used the object tag to embed a flash video under my nav bar which is a suckerfish css dropdown menu. But when it renders it slips under the flash movie! I have put clear: left; on the content div that houses the flash object and yet... it stills slips under. Is there any way around this or am I going to have to rethink my design?
    Once I thought I was wrong but I was mistaken.

  • #2
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    The following line inside the object tags fixes this:

    <param name="wmode" value="transparent" />



    A moderator may close. Sorry.
    Once I thought I was wrong but I was mistaken.

  • #3
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by Tristan Gray View Post
    I have used the object tag to embed a flash video under my nav bar which is a suckerfish css dropdown menu. But when it renders it slips under the flash movie! I have put clear: left; on the content div that houses the flash object and yet... it stills slips under. Is there any way around this or am I going to have to rethink my design?
    The other option you have is to assign CSS Z-Indexes. This will layer your page, and you will be able to say that the menu is on top of the flash movie.

  • #4
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by macwiz View Post
    The other option you have is to assign CSS Z-Indexes. This will layer your page, and you will be able to say that the menu is on top of the flash movie.
    I may look into this for future reference in more complex situations. Thanks.
    Once I thought I was wrong but I was mistaken.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    z-indexes won't work in this case. You could try but you will still need the wmode parameter. Other values you could use are opaque. I don't know if opaque works in Safari. I think there is one browser out there that doesn't support it. transparent is okay though.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    What is wrong with Z-Indexes? They will layer the page...

  • #7
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I dunno but when I had a drop down which went over (rather it was meant to), a select box, it didn't do it consistently across browsers. z-index seemed to make no difference.

    I haven't heard of the wmode parameter that Aero speaks of, so I totally redesigned the layout so that the conflict wasn't showing.

    Edit: oh, a quick google shows me that it's a flash-related feature.


    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by macwiz View Post
    What is wrong with Z-Indexes? They will layer the page...
    Nothing is wrong with them. And yes they allow you to put elements on top of each other but with flash and a drop down menu z-index won't fix anything. You'll need to add the wmode parameter to your html.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Is that a flash property? Will flash always by default be on top without the "wmode"? I don't use flash a lot, as it is bad for SEO, so I really don't no much about embedding it...

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Yes its a flash property. And yes it will always by default be on top without using wmode.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    macwiz (07-17-2008)

  • #11
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Alright, thanks. That is good to know.


  •  

    Posting Permissions

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