# Transparent background?

**URL:** <https://forum.kirupa.com/t/transparent-background/35243>\
**Category:** Uncategorized\
**Created:** [November 11, 2003, 9:52pm UTC](https://forum.kirupa.com/t/transparent-background/35243 "2003-11-11T21:52:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![GLIMPSE\_MEDIA](https://avatars.discourse-cdn.com/v4/letter/g/f17d59/32.png) [@GLIMPSE\_MEDIA](https://forum.kirupa.com/u/GLIMPSE_MEDIA)\
**Post date:** [November 11, 2003, 9:52pm UTC](https://forum.kirupa.com/t/transparent-background/35243/1 "2003-11-11T21:52:32Z")

</div>

Ok, hope someone knows if this is possible and how to go about doing it. I’ve got a flash movie that will be centered in the browser. It is only about 700 px wide and 400 heigh. Now, in my html I have tiled background. In my flash movie there are seperate boxes which display the information and so forth. I wan’t the html background to show through the movie so it fills in the areas where the boxes aren’t. Now I could put the background in the actual movie, but since the movie is centered in the browser it won’t match up with the background in the html. Can I make the flash movie backgound transparent?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 11, 2003, 10:19pm UTC](https://forum.kirupa.com/t/transparent-background/35243/2 "2003-11-11T22:19:27Z")

</div>

Yes you can. Whats the html coding that you put into the browser that embeds the flash movie?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 11, 2003, 10:23pm UTC](https://forum.kirupa.com/t/transparent-background/35243/3 "2003-11-11T22:23:03Z")

</div>

\<object classid="…" codebase="…" width=“770” height=“400”\>  
\<param name=“movie” value=“home.swf”\>  
\<param name=“quality” value=“high”\>  
\<embed src=“home.swf” quality=“high” pluginspage="…" type=“application/x-shockwave-flash” width=“770” height=“400”\>\</embed\>  
\</object\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 11, 2003, 10:27pm UTC](https://forum.kirupa.com/t/transparent-background/35243/4 "2003-11-11T22:27:24Z")

</div>

Ok good.

- Under the _\<param name=“quality” value=“high”\>_ line, put **\<param name=“wmode” value=“transparent”\>**.

- After the _\<embed src=“home.swf”_ insert **wmode=“transparent”**. Make sure you keep your space between each thing (e.g quality, wmode, src, etc.).

So the code should be:

```auto
<object classid="..." codebase="..." width="770" height="400">
<param name="movie" value="home.swf">
<param name="quality" value="high">
**<param name="wmode value="transparent>**
<embed src="home.swf" **wmode="transparent"** quality="high" pluginspage="..." type="application/x-shockwave-flash" width="770" height="400"></embed>
</object>

```

: Use those 2 steps and you’re good to go!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 11, 2003, 10:28pm UTC](https://forum.kirupa.com/t/transparent-background/35243/5 "2003-11-11T22:28:25Z")

</div>

thanks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 11, 2003, 10:30pm UTC](https://forum.kirupa.com/t/transparent-background/35243/6 "2003-11-11T22:30:09Z")

</div>

You’re welcome. :beam: