A jQuery Dropdown menu (and CSS, too) had problems in displaying it over a flash object – Mostly in Internet Explorer with Safari and Opera, too.
No z-index worked on HTML elements. The problem isn’t from the CSS of jQuery, but from the flash object. Thus, to make it work you’ll need to add the following line to the flash object code:
<param name="wmode" value="transparent">
Also, a good flash inserting line of code is the following:
<!--[if !IE]> --> <object type="application/x-shockwave-flash" data="flas.swf" width="970px" height="274px"> <param name="wmode" value="transparent"> <param name="scale" value="noscale" /></object><!-- <![endif]--> <!--[if IE]> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="970px" height="274px"> <param name="wmode" value="transparent"> <param name="movie" value="flash.swf" /> <param name="scale" value="noscale" /> <!--></object><!-- <![endif]-->
Looking for more? See all posts on the blog.