11 May, 2009
Opacity in CSS
.transparency {
background: #f4f4f4;
opacity: 0.7; /* Modern Browsers, eg: Firefox, Safari, Opera, Chrome */
filter: alpha(opacity = 70); /* IE */
-moz-opacity: 0.7; /* Old Mozilla, eg: Netscape */
-khtml-opacity: 0.7; /* Old Safari */
zoom: 1; /* Requires for IE if the element is not positioned relatively */
}
Found this article useful? Share it with your friends:
Love what you've just read? Subscribe to our newsletter to receive tips, resources and special offers related to web development & design.
Hello! Welcome to Web development blog! My name is Ei Sabai and on this blog, I write about web development, mobile app development, latest web technologies and the likes. Read more 
-moz-opacity is dead since June 2004 (Firefox 0.9/ Mozilla 1.7)
-webkit-opacity is dead since February 2004 (Safari 1.2)
IE8 requires quotes:
filter: “alpha(opacity=70)”;
j.j.
See https://developer.mozilla.org/en/CSS/opacity