Flash AS3 Tutorials Center | Interesting Flash Animation Tutorials | Valuing Flash Animation Tutorials | Flash ActionScript and Animation Home

AS3 Beginner Tutorials | AS3 Basic Lessons | AS3 Valuing Courses | AS3 Components Tutorials | AS3 and PHP Interaction Tutorials
AS3 Practical Tutorials | AS3 Animation Techniques | AS3 Transition Effects Tutorials | AS3 Download Upload Files | AS3 Particle Systems
Communication Between Flash Movies with AS3 | AS3 and JavaScript interaction | AS3 Matrix Transformation | AS3 Physics Simulation Tutorials

Layer Transparent Flash Movie Over HTML

This is the normal HTML web page content. You can make a layer with div tag over this HTML content. A transparent flash movie is then sit on this layer.

Therefore the transparent Flash Movie is now situated over the HTML web page. We used to use transparent GIF on webpages for many years. Why not try to use transparent Flash to make more interesting effect.

Please update flash player to view this Flash ActionScript tutorial!

Transparent Flash Tutorial Content:

You already learned how to make transparent flash movie in previous tutorial. Let's try to layer the transparent flash movie over a HTML web page and see what the effect may be.

This interesting flash effect can easily be done by adding a layer with div tag in desired position or location over the normal HTML web page content. Then position the transparent Flash Movie to this layer with swfobject.

Therefore the upper layer is the Flash content. And below the Flash content is simply the normal HTML web page. Since the background of the flash movie over the HTML web page is transparent, the contents of HTML below can be seen through the transparency area.

Download Flash Source File:

Flash Source File transparent-movie.fla


This Flash tutorial shows how to layer transparent flash movie over HTML web page.