css drop-down menu hides under flash movie

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
martinco
Forum Newbie
Posts: 18
Joined: Mon Jun 25, 2007 10:06 pm
Location: Costa Rica

css drop-down menu hides under flash movie

Post by martinco »

hi!
i've got a problem that i think can be fixed by css.

i have a drop-down menu, that when the user rolls over it, drops down... (everything fine until here)
... but it drops and hides under a flash movie that lies a fex pixels below... ( :x )

the flash movie is loaded by a js script into a div (don't know if this is useful)
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

If memory serves, Flash is rendered after the browser has finished drawing the current window, just as the operating system actually draws (actual) drop-downs.
User avatar
themurph
Forum Commoner
Posts: 76
Joined: Wed Apr 19, 2006 1:56 pm
Contact:

Post by themurph »

I had the same problem on a site awhile back. Never found a fix or a workaround for it :?
User avatar
martinco
Forum Newbie
Posts: 18
Joined: Mon Jun 25, 2007 10:06 pm
Location: Costa Rica

Post by martinco »

isn't it possible to take to the back the div container that holds the flash movie? or take to the front the div that holds the menu?
User avatar
vigge89
Forum Regular
Posts: 875
Joined: Wed Jul 30, 2003 3:29 am
Location: Sweden

Post by vigge89 »

Seen this numerous times, don't think there exists any way of placing html above flash in the browsers (I could be wrong though).
User avatar
JayBird
Admin
Posts: 4524
Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:

Post by JayBird »

Yes, this is because the flash movie isn't actually "inside" the browser. It is rendered over the top of it, like feyd said.

I remember a few years back having issues with javascript drop down menus doing the same thing

There is a work around in some instances.

Add this to your Flash HTML

Code: Select all

<param name="wmode" value="transparent">
You can read more here - http://kb.adobe.com/selfservice/viewCon ... &sliceId=2

Don't think it works for all browsers though
User avatar
martinco
Forum Newbie
Posts: 18
Joined: Mon Jun 25, 2007 10:06 pm
Location: Costa Rica

Post by martinco »

JayBird wrote:

Code: Select all

<param name="wmode" value="transparent">
Works on IE, but not on Firefox :cry:
Post Reply