Make Flash Movie Transparent
While creating one of our client’s website, we have found out some problems with flash movie. The flash movie has covered a continuous looping background image in HTML pages, that it blocked a square area in the pages. Another problem also occurred in the javascript generated dropdown menu. When we put our mouse hovering the menu to bring out the dropdown, it appeared just behind the flash movie, when it supposed to be in front of it.
But the internet is always a friendly place to solve your problems. Just googling around and you’ll find most of the troubleshooting required.
So, in our cases, we’ve found two ways to solve these:
Firstly, go to File > Publish Setting > HTML Tab in your Flash. Look for Window Mode and select ‘Transparent Windowless’. After that, just publish your movie. It’s that easy! You should have an HTML file with transparent flash in it. See screenshot below:

Secondly, if you find the above easy way still ‘not so easy’ to do, there’s a much more simple way. Just open up the HTML file that you have inserted the flash movie in it, find the list of < param > tags for your flash movie and added this line:
< param value="transparent" name="wmode">
After that, find the < EMBED > tag and added the line below in it:
wmode=”transparent”
Now you should be able to see through your HTML background.
Related posts:
- Unveiling the Sixth Sense
- Remember When We Were Kids
- Web Marketing Made Easy
- 60 Creative Movie Posters
- Foursquare and Social Media Article at The Jakarta Post
Wahidin Wong is an experienced online strategy consultant with more than 10 years involvement within the industry. Founder of Beegamax Creative, a creative design and online marketing strategy firm based in Jakarta, Indonesia. You can find his insights and design tips here in the ArtPlus.Get updated: Twitter • Facebook • LinkedIn
or become a fan of Beegamax Creative