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
Libérer: 2024-12-19 06:59:10
original
455 Les gens l'ont consulté

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);
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal