February 27, 2010 - Richard Castera

Resources Scripts

CSS – Cross Browser Opacity

February 27, 2010 1 Comment

A little hack to set Cross-Browser opacity.

.setOpacity {
      opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=75); /* IE lt 8 */
      -ms-filter: "alpha(opacity=75)"; /* IE 8 */
      -khtml-opacity: .75; /* Safari 1.x */
      -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

.setOpacity {

opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */

filter: alpha(opacity=75); /* IE lt 8 */

-ms-filter: "alpha(opacity=75)"; /* IE 8 */

-khtml-opacity: .75; /* Safari 1.x */

-moz-opacity: .75; /* FF lt 1.5, Netscape */

}

Reading time: 1 min

Written by: rcastera

CSS – Cross Browser Opacity

About me

Popular Posts

Magento – Display new products on the home page

How to Fix “Internet Explorer Cannot Open the Internet Site- Operation Aborted” Error

PHP – Convert Array to Object with stdClass

Categories

Tags