Maison >interface Web >tutoriel CSS >Pourquoi IE8 ne respecte-t-il pas mon opacité CSS et comment puis-je y remédier ?

Pourquoi IE8 ne respecte-t-il pas mon opacité CSS et comment puis-je y remédier ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-19 06:59:10539parcourir

Why Doesn't IE8 Respect My CSS Opacity, and How Can I Fix It?

Les problèmes d'opacité d'IE8 : une solution au texte déclencheur opaque

Dans une tournure particulière, les modifications d'opacité CSS fonctionnent de manière transparente dans Firefox et Chrome, mais trébucher et échouer dans le domaine d’IE8. Ce problème déroutant a déconcerté les développeurs Web, les laissant perplexes devant la résistance obstinée du navigateur aux modifications de transparence.

En fouillant dans le code CSS fourni, il devient évident que divers paramètres d'opacité ont été appliqués sans résultat. La propriété du filtre IE, conçue pour ajuster la transparence alpha, semble être rendue inefficace. Pour résoudre ce dilemme, une légère modification de l'approche est nécessaire.

La solution réside dans la garantie que les propriétés CSS sont déclarées explicitement dans l'ordre indiqué ci-dessous :

-moz-opacity: 0.70;
opacity: .70;
filter: alpha(opacity=70);

Cette séquence précise inculque dans IE8 un nouveau respect pour la modification de l'opacité, permettant au texte déclencheur de s'estomper et de scintiller de transparence lors du survol, transmettant efficacement les possibilités interactives. IE8 ne constituera plus un obstacle à l’amélioration visuelle des éléments interactifs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn