Transparent background in Flash

This tutorial sets the background of your flash documents to be transparent.  This can be useful if you change the background of your site a lot or if you have an image as a background.

Transparency Works in:

1.  Internet Explorer 3 or higher in Windows
2.  Internet Explorer 5.1 or higher in Macintosh
3.  Netscape 7.0
4.  Mozilla 1.0 or higher

The user will also need at least Flash player 6 installed whatever browser they use.

Flash Publishing Settings

1.  Go to File » Publish Settings or Ctrl + Shift + F12

2.  Select the HTML tab

3.  Then set the Window Mode to Transparent Windowless

4.  Then press OK

or

HTML Object Code

1.  When you insert a flash file in to an HTML document you'll get some code like this:

<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="100" height="100">

<param name="movie" value="file.swf">

<param name="quality" value="high">

<embed xsrc="file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100"></embed>

</object>

1.  To make the flash transparent use this code (New code is in bold):

<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="100" height="100">

<param name="movie" value="file.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed xsrc="file.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100"></embed>

</object>

1.  This should make your flash file transparent.

---