1. Home
  2. Computing & Technology
  3. Animation

Creating Transparent Flash Movies with WMode and Div Layers

By , About.com Guide

2 of 4

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>
</div>

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

Explore Animation
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Animation
  4. Flash Animation Tutorials
  5. Creating Transparent Flash Movies with WMode and Div Layers

©2009 About.com, a part of The New York Times Company.

All rights reserved.