HTML text over Flash SWF movie, or SWF movie with transparent background over HTML text

How to make a Flash SWF movie with transparent background?

To make the Flash movie floating on other elements of the HTML page, you need to use the div layers. A div layer is like a window inside a window, which lets you define an area inside your HTML page, and you can set the layer on top of the rest of your HTML page with a property “z-index”.

The style position:relative; of the first <div style=”position:relative;”> layer keeps this layer in the current position.

The style position:absolute; top:20px; left:20px; defines the position of the second layer is 0px to the top, 20px to the left of its container, the first div. The z-index:1 defines the layer will be on top of the rest of your HTML page.


HTML Text over SWF Background

Have a HTML DIV tag that is positioned over it…


<div style="position:absolute;left:50px;top:50px;">your swf file with object and embed tags...</div>
<div style="position:absolute;left:150px;top:150px;">the html you want</div>

You could even do z-index properties, just to be sure, but there is really no need.

%d bloggers like this: