Comment puis-je implémenter des ombres de boîtes colorées dans IE7 et 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);
}

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);

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!