2 replies [Last post]
heliki
heliki's picture
User offline. Last seen 6 years 26 weeks ago. Offline
newbie
Joined: 2005-08-06
Posts: 10
Points: 0

Hey folks. I've stumbled upon a problem.

I'm using a version of the suckerfish css dropdown (link below) with a little bit of flash -- located just below the menu. When the drop down function is activated it slides behind the flash document.

The only solution I could think of was creating a flash div and applying a z-index of 0. Then assigning a z-index of 1 to navigation div. Nothing. Then I tried applying a z-index to the drop down <li> with no success.

Can anyone help me out?

Thanks.

h.

1. http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html)

gary.turner
gary.turner's picture
User offline. Last seen 5 hours 46 min ago. Offline
rank Moderator
Moderator
Timezone: GMT-6
Joined: 2004-06-25
Posts: 7681
Points: 1497

CSS dropdown menu over flash doc.

Flash plugins are an object of the os and not subject to z-indices. Like Java applets, they sit on top of everything. The best way to deal with it is to avoid the positioning conflict. An alternative is to include the parameter wmode=opaque;

 
<param name="wmode" value="opaque">

I'm not a Flash(y) kinda guy, but I understand the mode can be built into the object prior to publishing.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

heliki
heliki's picture
User offline. Last seen 6 years 26 weeks ago. Offline
newbie
Joined: 2005-08-06
Posts: 10
Points: 0

CSS dropdown menu over flash doc.

Gary,

Thanks for the tip. Although it didn't completely solve my problem it's pointed me in the right direction.

I agree. I would normally avoid flash, yet this site does require that flashy (wow, look at the bright lights) type of feel.

For anyone with a similar flash overlay problem here's a decent article on the problem and possible solutions.

http://www.communitymx.com/content/article.cfm?cid=E5141

h.