Discussion :

[Khalezis]

Bonjour à tous,

Voila je suis sur un projet où j'utilise les box shadows sur une div. Mon code marche sur les principaux navigateurs. Cependant, j'ai quelque problèmes d'affichage sur certain comme I.E. 7/8. En effet, lorsque j'utilise l'émulateur d'internet explorer, car je suis sous I.E. 10 et windows seven, avec la configuration suivante : Mode Navigateur 8; Mode de document: norme I.E. 8, les box shadow ont disparu.
J'ai donc chercher sur internet et ils m'ont proposé d'une part d'ajouter :

• <meta http-equiv="X-UA-Compatible" content="IE=8" /> => html
• progid:DXImageTransform.Microsoft.Shadow => css

Mais aucune des solutions ne marche, pouvez vous m'aider ?

Par avance, je vous en remercie.

[reverb94]

Bonjour,
peut-tu nous envoyer ton code css ?
cordialement.

[rodolphebrd]

Bonjour,

Pour IE8, utilisez :http://css3pie.com

[Candygirl]

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Cette ligne indique à IE9 et 10 de passer en mode de rendu IE8 ce qui n'est pas franchement une bonne idée puisque cela va te supprimer le box-shadow css3 sur IE9 et IE10

progid:DXImageTransform.Microsoft.Shadow => css

C'est effectivement le filtre à utiliser pour avoir un effet d'ombre à partir de IE 5.5 . Tu peux l'attribuer pour les versions d'IE inférieures à la 9 par le biais d'un commentaire conditionnel:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<!--[if lt IE 9]>
  <style type="text/css">
  .ombre {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=10);
    zoom: 1;
  } 
  </style>
<![endif]-->

Tu devrais tester le résultat sur un IE8 originel plutôt que sur l'émulation dans IE10 qui risque de ne pas t'afficher le résultat du filtre. Ou tu peux aussi tester sur IE tester