BeWebmaster

Use CSS to create transparent elements

Ad

Transparency effect can be easily achieved using CSS.

IE compatible code is: filter:alpha(opacity=75);
To change the level of transparency set the opacity level to 0 (100% transparent) to 100 ( 0% transparent).

Mozilla code: -moz-opacity:0.7; opacity: 0.7;
For mozilla browsers we use decimal numbers to change the opacity, with 0 being 100% transparent.

Here is sample class that can be applied to any element (img, div, span, p, etc.):

.trans{
filter:alpha(opacity=75);
-moz-opacity:0.7;
opacity: 0.7;
}

Try using this with a:hover and images to create some nice looking rollover effects.