SWF File and Drop down menu overlaps
One of my former workmates and good friend Marijke Wilhelmus had a problem with a flash file and a drop-down menu. Okay here is a problem, the website she was working on a drop-down menu and below that was a flash file, on IE the drop-down menu seems to work fine without any overlapping. On Firefox, the flash file would overlap the drop-down menu. The original HTML flash code:
1 2 3 4 5 | <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="570" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" />
<param name="LOOP" value="false" />
<param name="src" value="someflash.swf" />
<embed type="application/x-shockwave-flash" width="570" height="200" src="someflash.swf" loop="false" quality="high"></embed>
</object> |
I surfed on Google, found few solutions and recommendation, most didn’t seem to work. The solution is within the flash embedding code rather than the layout. The original html code was missing the
which actually helps and makes the drop-down menu/flash file behave the way we want. With some small tweaking, here it is:
1 2 3 4 5 6 7 | <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="570" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="quality" value="high" /> <param name="LOOP" value="false" /> <param name="wmode" value="opaque" /> <param name="src" value="someflash.swf" /> <embed type="application/x-shockwave-flash" width="570" height="200" src="someflash.swf" wmode="opaque" loop="false" quality="high"></embed> </object> |
And another factor to note is the order which always is a problem, but with most older browsers it may be a problem. Seems to work fine on IE/Firefox/Safari.
Below is the Before:
This is after the tweaking:
