Share This Article:

Subscribe to Kavoir:

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 */
}

Share This Article:

Subscribe to Kavoir:

You should also read:

• CSS: Difference between opacity:0, visibility:hidden and display:none
• CSS: Styling File Upload / Select Input Control <input type="file" … />
• Styling an Alphabet of 26 Letters in HTML and CSS
• PHP: Check or Validate URL and Email Addresses – an Easier Way than Regular Expressions, the filter_var() Function
• CSS: Double Border