Opacité CSS - code pour réaliser l'échange d'image translucency_Experience

Il y a quelques jours, un ami qui fait du web design m'a posé cette question : Comment obtenir l'effet de translucidité des images via CSS, et cela peut être pris en charge à la fois sur IE et Mozilla. Je vais partager ma méthode avec vous ci-dessous.

L'image ci-dessous montre l'effet de transparence de l'image obtenu grâce à CSS

Cet effet fonctionne à la fois sur les navigateurs IE et Mozilla, le code est le suivant

Dans IE, "opacité" doit être définie via "filtre", tandis que dans Mozilla, "opacité" peut être analysée directement, donc si vous souhaitez que cet effet soit pris en charge dans les deux navigateurs, vous devez combiner les deux. les paramètres sont ajoutés. Le paramètre pour IE : this.filters.alpha.opacity=50 et le paramètre pour Mozilla : this.style.MozOpacity=0.5 Vous pouvez directement utiliser cette ligne de code pour définir l'image. Il vous suffit de modifier l'adresse de l'image pour. pour y parvenir.

Image avec lien :