Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

CSS Dropdown Overtop of Flash Animation

A

Ansari

macrumors newbie
Original poster
Jun 6, 2008
17
0
Cambridge, Ontario
The page in question:
http://www.integratedmarketing.ca/pioneer2/index2.html

The main menu on the page contains dropdown menus created with CSS and JavaScript. The area over which a few of them drop down over contains a flash animation. When the dropdown menu opens over top of the animation it becomes distorted, as if the menu and animation are fighting to be on top of each other. Is there a way to keep the menu from distorting? I've tried the z-index attribute but with no success.

Thanks
 
Z-Axis

Try adjusting the z-axis of the flash element in the HTML to be -1, so it layers under all other element which default to z=0
 
Setting the wmode to opaque seems to have done the trick in Safari and IE, but only partially in Firefox. I've left the original link up, but here is the page where I am actually working on it. http://pioneer.integratedmarketing.ca

I believe I forgot to set it in all the right places the first time I tried it. Any ideas to get it to work completely in FF?
 
Using Firefox 3.0.10 on Windows XP, the new link works for me. You may want to clear your cache to see if that helps.
 
Two people running FF on Windows say it looks good. Looking at it in FF on the Mac, it's still a bit screwy.

I'm going to consider this a success for now. Thanks!
 
Ansari said:
Two people running FF on Windows say it looks good. Looking at it in FF on the Mac, it's still a bit screwy.

I'm going to consider this a success for now. Thanks!
Click to expand...

Checked with FF 3.5b4 on my Mac now that I'm home and all is fine as well.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back