CSS opacity-code to achieve translucent effects of images _ 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 IE and Mozilla. Here is my method to share with you.

Picture transparency effect for CSS

This effect works on both IE and Mozilla browsers, the code is as follows
this.filters.alpha.opacity=100 "onmouseout=" this.style.mozopacity=0.5;
This.filters.alpha.opacity=50 ">

In IE, you need to use "filter" to define the transparency "opacity", and in Mozilla can directly parse "opacity", so if you want to make this effect in both browsers are supported, you need to add both settings.　For IE settings: this.filters.alpha.opacity=50 and for Mozilla settings: this.style.mozopacity=0.5. You can directly use this line of code to the image definition, only need to modify the image address to achieve the effect.

Image with Link:

