CSS opacity-to achieve the image translucent effect of the code _ Experience Exchange

A few days ago a friend who made web design asked me this question: how to achieve the translucent effect of the image through CSS, and can be supported on both IE and Mozilla. Here are my methods to share with you.

The following illustration is a picture transparency effect implemented through CSS

This effect works on both IE and Mozilla browsers, with the following code

this.filters.alpha.opacity=100 "onmouseout=" this.style.mozopacity=0.5;
This.filters.alpha.opacity=50 ">

In IE, it is necessary to define transparency "opacity" through "filter", and in Mozilla it is possible to parse "opacity" directly, so if you want to make this effect available in both browsers, you need to add both settings.　For IE settings: this.filters.alpha.opacity=50 and for Mozilla settings: this.style.mozopacity=0.5. We can directly use this line of code to define the picture, only to modify the image address can achieve the above image effect.

Image with Link: