Monday, December 21, 2009

Fixing Div overlay over flash object issue

To solve Div overlay over flash object, you have to set property mode for flash object transparent. So please check the following example:

<object width="170" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18">
<param value="high" name="quality"/>
<param value="transparent" name="wmode"/>
<param value="/images/Flash/Angkor.swf" name="src"/>

<embed width="170" height="250" src="/images/Flash/Angkor.swf" wmode="transparent" quality="high" type="application/x-shockwave-flash"/>
</object>



Note: 
 object tag:
<param name="wmode" value="transparent" />

embed tag:
wmode="transparent"

I would recommend you guys use Object tag because it is exactly HTML Tag. However, embedg tag  is created by Netscape if I remember well. You can search more for this.

Hopefully, this can help you guys!