Opacity issues in browsers.

Opacity is CSS3 property and now days supported by all major browsers, but here are several old browsers which won’t supports it. For those we have to define following:



.opacity {
     opacity:0.8;                                                      /* Good Browsers*/
     -o-opacity:0.8;                                                   /* Opera*/
     -moz-opacity:0.8;                                                 /* Netscape */
     -khtml-opacity:0.8;                                               /* Safari 1.x */
     filter: alpha(opacity=80);                                        /* IE 5-7*/
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 8*/



Written by Ranjeet Jha

Ranjeet Jha

Hey there! My name is Ranjeet. I’m a Web Designer & Front-end Developer. I design, code, build & promote all things HTML5, CSS3, JavaScript & jQuery. In this blog you will find solutions of day to day problems faced by you.. Enjoy Coding..

Leave a Reply

Your email address will not be published. Required fields are marked *