Cross Browser Transparency

/ Published in: CSS
Save to your folder(s)

The CSS3 standard introduces the opacity property for making elements opaque or transparent. Older browser also have support for opacity using various other properties and, in the case of Internet Explorer, filters. This post looks at how to achieve cross-browser, and backward compatible transparency.

Copy this code and paste it in your HTML
  1. filter:alpha(opacity=75); /* for internet explorer */
  2. opacity: 0.75; /* CSS3 standard */
  3. -moz-opacity:0.75; /* for older gecko browsers */
  4. -khtml-opacity: 0.75; /* for older webkit browsers */


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.