One of my bigest complaints about flash is that I had thought you couldn't layer over the top of it. By default a flash object is placed as the topmost layer of your web page. No matter what type of z-index you would place it would still be on top.
Recently I was researching via google and discovered that flash added a way to fix it. The other good news is most browsers now also support it.
Flash has a parameter called WMODE. This parameter allows you to the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.
It has the following options:
- window - movie plays in its own rectangular window on a web page.
- opaque - the movie hides everything on the page behind it.
- transparent - the background of the HTML page shows through all transparent portions of the movie, this may slow animation performance.
Place the following parameter in your object tag. Be sure you put it in both the embed as well as the object or you may find one browser it works and the other it does not.
<param name=wmode value="transparent">
View the code here:
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
id="acgmm3" type="application/x-shockwave-flash" data="movie.swf" height="192" width="238">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<!--[if !IE] > <-->
<object type="application/x-shockwave-flash" data="movie.swf" height="192" width="238">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
</object>
<!--> <![endif]-->
</object>
Been a while since I posted anything, so thought this tidbit of info might help someone, or help me at a later date when I forgot how to do it.
