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

Box Shadows dans IE7 et IE8 : résoudre le dilemme de l'ombre

La mise en œuvre des box shadows dans IE7 et IE8 s'est avérée être un défi persistant pour développeurs. Voici une analyse du code CSS référencé et une solution éprouvée pour activer les ombres de boîte colorées dans ces navigateurs existants.

Le CSS a fourni des tentatives pour appliquer une ombre de boîte à un div en utilisant divers préfixes de fournisseurs, y compris le CSS3 box- propriété shadow et le comportement HTC pour IE. Cependant, le problème persiste : seules les ombres noires sont rendues dans IE7 et IE8.

Pour résoudre ce problème, envisagez d'utiliser CSS3 PIE. Cette extension de navigateur émule les propriétés CSS3 des anciennes versions d'IE, y compris les box-shadows (à l'exception du mot-clé inset).

Comment utiliser CSS3 PIE :

1. Téléchargez CSS3 PIE depuis le site officiel (https://css3pie.com).
2. Extrayez le fichier PIE.htc et placez-le dans un répertoire accessible par votre fichier CSS.
3. Dans votre fichier CSS, incluez le code suivant :

@import url("PIE.htc");

Cela permettra à PIE d'analyser et d'émuler la propriété box-shadow dans IE7 et IE8.

Avantages de CSS3 PIE :

• Émule diverses propriétés CSS3, y compris les ombres de boîte.
• Léger et facile à mettre en œuvre.
• Compatibilité entre navigateurs dans les versions plus anciennes. versions d'IE.

En utilisant CSS3 PIE, vous pouvez facilement implémenter des ombres de boîtes colorées dans IE7 et IE8, améliorant ainsi l'attrait visuel de vos applications Web sans recourir à des divs supplémentaires ou à des hacks complexes.

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!