Friday, November 9, 2007

TRANSPARENT DIV

HTML:

<div id="container">

<div id="opaquetext">

This is a normal text

on a translucent background

</div>

</div>

CSS:


#container {

background-color: #ffffff; /* the background */

filter:alpha(opacity=50); /* Internet Explorer */

-moz-opacity:0.5; /* Mozilla 1.6 and below */

opacity: 0.5; /* newer Mozilla and CSS-3 */

}

#opaquetext {

filter:alpha(opacity=100); /* discarded */

-moz-opacity:1.0; /* discarded */

opacity: 1.0; /* discarded */

}

No comments: