Browser compatibility for opacity properties in the jquery plugin

Article Introduction: opacity the function of this property is to set the transparency of the element. Not a very common attribute, but a property that has to be noticed that can cause a browser compatibility problem.

Opacity the function of this property is to set the transparency of the element. Not a very common attribute, but a property that has to be noticed that will cause a browser compatibility problem
Look in the Chrome browser:

Three pictures, transparency is different, and in Ie6-8 's browser,

Opacity browser compatibility is shown in the following illustration:

Add: IE9 already supports this attribute of opacity.

Ie6-8 Browser does not support opacity this property, but it doesn't matter, we can use IE filter to solve this problem, write code

Filter:alpha (OPACITY=20): Here the opacity refers to your specific needs to set.

If you refresh in the browser, you will find that the Ie6-8 browser can also support the transparency of the elements.