Transparent Suckerfish Drop Down Menus February 25 2005
Recently I took the plunge to implement some drop down menus on a commercial website at the company’s request. Normally I don’t bother because of all the javascript headaches associated with these types of things.
Trying to keep in line with the whole XHTML / CSS thing I decided to bring up the Suckerfish Drop Down menu article again.
These are a great way to implement drop downs and not have your code look like ass.
The only problem I ran into was that my menus were always transparent and you could see the crap underneath! I realized eventually that this was a bizarre quirk of CSS. By default I always use the following :
DIV { … position: relative; … }
However with the Suckerfish, this will cause your menus to be transparent for any content following the drop downs. I simply removed the sitewide relative positioning and applied it where necessary.
Et Voila!
Comments
Sorry comments are closed for this entry