SWF File and Drop down menu overlaps
Jan 31st, 2008 by Vikash
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:
hi,
excellent, i am serching google for 3hrs as only perfect solution is yours.
Thanks
prakash
Thanks!
It works for me. Got almost same answers from other contributors in some other threads. “WMode” can also take the “Transparent” value.
i) for windows:
ii) for Safari:
Both must be present for it to be compatible with most browsers.
Hello sir
excellent, i am serching google for 1hrs as only perfect solution is yours.
Thanks
Ramesh.kolli