1. Technology
You can opt-out at any time. Please refer to our privacy policy for contact information.

Creating Transparent Flash Movies with WMode and Div Layers


Once you’ve exported your SWF file, you’ll need to edit the source code that embeds it in an HTML file. I usually use NotePad or DreamWeaver for editing raw code. Now, I know you can’t see that block of highlighted code in that teeny-weeny picture, so here it is:

<div id=layer1 style="position:absolute; top:20; left:20; width:350; height:350; z-index:1; padding:0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300">
<param name="movie" value="wmode.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="wmode.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300" wmode="transparent"></embed></object>

If that looks like absolute Greek to you, you may want to take a look at WebDesign@aboutguide.com. If you’re fairly comfortable with it or think you can pick it up easily, move on to the next step.

©2014 About.com. All rights reserved.