advanced code snippet search

Posted By

michellebracken on 08/18/11


Tagged


Versions (?)

Cross-Browser Transparency

 / Published in: CSS
 

Not all browsers currently support the CSS3 opacity property. However we can still make transparency work across browsers.

From the bottom up: opacity is the CSS standard and will work in current Webkit and Mozilla browsers as well as Opera

-moz-opacity is for older versions of Mozilla Browsers

-khtml-opacity is for older versions of Safari and any browser using the khtml rendering engine

filter:alpha(opacity=50) is for Internet Explorer
Expand | Embed | Plain Text 
  1. 1	.element {
  2. 2	    filter:alpha(opacity=50);
  3. 3	    -moz-opacity:0.5;
  4. 4	    -khtml-opacity: 0.5;
  5. 5	    opacity: 0.5;
  6. 6	}

Report this snippet  

You need to login to post a comment.