CSS Picture Transparency Settings Tutorial

Opacity set Transparency

Add opactiy to the properties of a picture

Example

The code is as follows	Copy Code
Img { opacity:0.4; Filter:alpha (OPACITY=40); /* for IE8 and earlier versions * * }

In fact, as long as this is OK, if not for IE even as long as the first line, the key is-what, the transparency of the word how to spell, nothing more.

But the above can only use IE browser, and later found a relatively strong compatibility

The code is as follows	Copy Code
{Filter:alpha (opacity=50);-moz-opacity:0.5-khtml-opacity: 0.5; opacity:0.5;}

Opacity is the most important, because it is a CSS transparent standard attributes, the value range of 0-1, currently supported browsers: Firefox, Chrome, Opera, Safari. (That is, in addition to IE, it supports all major browsers); Filter:alpha (OPACITY=50), which is specifically for IE set properties, the range of values between 0-100;-moz-opacity is designed to be compatible with some of the older versions of Mozilla browsers, The value range is between 0-1;-khtml-opacity is designed to be compatible with some of the older safari browsers, with a value range of 0-1