Site hosted by Build your free website today!

~ Transparent Div layers ~

~ Transparent Div layers are the same as Normal Div layers except for one main difference. Transparent div layers are semi-transparent and let the things that are below them be seen, for example, you can see the background of the page inside the div layer. but the text inside the Transparent Div layer will still be readable. 

~Be careful with one thing though! everything in this Div Layer will become semi transparent, the background color, the text and images too!

The code for a Transparent Div Layer is the following:

<div style="width:100px; height:100px; background-color:#CCCCCC; filter:alpha(Opacity=50); overflow:auto">text goes here.</div>

If you want to know what Overflow:Auto means, check out the
Div layers tutorial. The important thing in this code is the part that says: "filter:alpha(Opacity=60)". The filter called Alpha is a Ccs filter that makes things semi.transparent. Opacity, means how opaque you want the transparent div layer to be. 1 is very transparent and 100 is very opaque. Usually i choose an opacity of 60 as i find it very effective but you can play around with the numbers and see what you like the best.

~Back ~