Maison > interface Web > tutoriel CSS > Comment puis-je implémenter des ombres de boîtes colorées dans IE7 et IE8 ?

Comment puis-je implémenter des ombres de boîtes colorées dans IE7 et IE8 ?

Patricia Arquette
Libérer: 2024-11-08 12:48:02
original
393 Les gens l'ont consulté

How Can I Implement Colored Box Shadows in IE7 and IE8?

Implémentation de Box Shadows dans IE7 et IE8

Question :

Malgré l'utilisation de diverses méthodes, l'implémentation d'ombres de boîtes colorées dans IE7 et IE8 reste insaisissable. Le code CSS suivant est utilisé :

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}
Copier après la connexion

Bien que le fichier "ie-css3.htc" offre une solution aux problèmes d'ombre d'IE, il limite les ombres au noir et blanc. Les tentatives d'utilisation :

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);
Copier après la connexion

aboutissent à des ombres directionnelles, et non omnidirectionnelles. De plus, l'utilisation du filtre de flou nécessite des divs supplémentaires, ce qui n'est pas souhaitable dans le scénario actuel. Demandez conseil à un expert sur ce problème.

Réponse :

Envisagez d'utiliser CSS3 PIE (Pie : Internet Explorer CSS3), un outil qui émule les propriétés CSS3 dans les versions antérieures d'IE. . CSS3 PIE prend en charge box-shadow, à l'exclusion du mot-clé "inset".

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