Get your SuckerFish CSS Drop down menu over your Flash with WMode and another trick
So I do a lot of CSS writing and HTML writing all day. Drop down menus are crucial to my web designs. I’ve used drop down menus on my sites countless times. I’ll be honest, most of the time I run out and download some cheesy script from some site like Web.Developer. Anyways, CSS Drop down menus are supposedly the best option. And I’d say I agree because they are universally accessible to all browsers (6.0/1.0). So I went out looking today as usual for a CSS Drop down menu script. I came across SuckerFish from A List Apart. I also found “Son of SuckerFish.” Score!
How to make the menu, you can read about here: http://www.htmldog.com/articles/suckerfish/dropdowns/
My big thing was finding a menu that could successfully appear above embedded Flash Files. For years I’ve battled this problem. So here is my fix to the whole problem.
- Drop in the following tags into your embed for your SWF.
< param name="wmode" value="transparent" / >and also add wmode=”transparent” to your embed tag ( and everything between it and . Further, delete the < noscript > tags. However leave everything in tact in-between those tags. For some reason, when Javascript is being used to embed the Flash, problems happen. When you remove the Javascript and use < object > + < param / >+ = Perfect!!!
So there you have it. My guide to using CSS Drop Downs via Suckerfish and Flash to be friends and play nicely!




