div CSS background color translucent text opaque compatible with IE, Firefox and other browsers

For transparent backgrounds, including backgrounds and background colors (compatible with browsers such as Ie,ff,op)

I. Full transparency of the background

. bg{background:transparent}

Second, background translucent

Here to be divided into two Div, a separate background transparency, the other one put content margin-top:-33px; Use this method to overlay text on a transparent background image.

Css:

. bg{width:1000px; height:33px; background-color: #fffff; Background-image:url (img.jpg); Filter:alpha (opacity=30);-moz-opacity:0.3;opacity:0.3;-khtml-opacity:0.3;}

. contnet{margin-top:-33px; width:500px; height:33px; overflow:hidden;}

Html:

<div class= "BG" ></div>
<div class= "Contnet" > here is the text part opaque </div>

div CSS background color translucent text opaque compatible with IE, Firefox and other browsers