Take a div of class translucent for example, you can literally make it translucent with the following CSS rules. It’s bulletproof, meaning that all the browsers will render it as you have specified. Enjoy!
div.translucent { /* this class makes a window partially transparent */
opacity: .5; /* Standard style for transparency */
-moz-opacity: .5; /* Transparency for older Mozillas */
filter: alpha(opacity=50); /* Transparency for IE */
}
2 replies on “Make elements translucent & semi-transparent with CSS – the bulletproof solution to CSS transparency”
[…] { position:relative; width:664px; } .realupload { position:absolute; top:0; right:0; /* start of transparency styles */ opacity:0; -moz-opacity:0; filter:alpha(opacity:0); /* end of transparency styles */ z-index:2; […]
[…] (needs 2 more hacks for different […]