CSS opacity-code for Implementing Image translucent Effect

A friend who made web design a few days ago asked me this question: how to use CSS to achieve the translucent Effect of images, and can be supported by IE and Mozilla. I will share my methods with you.

For image transparency through CSS

This effect works on both IE and Mozilla browsers. The Code is as follows:

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

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

Image with link: