CSS Transparent Colored DIV

Admin Thu Jul 08, 2010 7:19 pm

#container {
margin: 20px auto;
width: 600px;
padding: 25px;
background: transparent url(img/black50.png);
background: rgba(255, 0, 0, 0.4) none;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

HERE rgba(255, 0, 0, 0.4) Means RGB and last parameter "0.4" is Transparency

Put any color combination and set any transparency level to 0 to 1.( 0 for max and 1 for min transparent)

And use the div in <body> where you need like:
<div id="container">

Here a site where online picture conversion ad effects are made:

Code:: http://www.iaza.com