2011-11-14 6 views
-2

je suit classe cssbox-shadow en HTML

.NavNew ul li.current a, .NavNew ul li a:hover, .NavNew ul li:hover 
     { 
      box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) inset; 
     } 

il fonctionne très bien dans mozila mais ne fonctionne pas dans IE .. Quelle est la solution?

Merci

+1

Il y a beaucoup des questions traitant de cela. Voir http://stackoverflow.com/questions/2687804/emulating-css3-border-radius-and-box-shadow-in-ie7-8 ou http://stackoverflow.com/questions/1616976/moz-border-radius -moz-boîte-ombre-dans-soit ou http://stackoverflow.com/questions/7884445/css-shadows-are-fine-with-firefox-and-chrome-but-not-showing-on-internet-explore – skyuzo

Répondre

5

IE version inférieure à 9 ne supporte pas la propriété CSS3 box-shadow.

Vous devez utiliser la propriété propriétaire IE filter pour obtenir l'effet.

Pour des exemples sur la façon de l'obtenir, voir this article. Consultez également this page pour la compatibilité CSS des versions IE.

3
-moz-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px; 
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px; 
box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px; 

vous pouvez voir aussi:

box shadow one

ou

box shadow two

4

ombre Box est une option CSS3 ... fonctionnalités CSS3 ne sont pas disponibles pour IE ci-dessous IE 9 .. S'il vous plaît visitez le site ci-dessous pour obtenir les connaissances complètes sur ce que toutes les fonctionnalités css sont là dans lequel toutes les fonctionnalités de IE ...

http://msdn.microsoft.com/en-us/library/cc351024%28v=VS.85%29.aspx

3

IE antérieures à la version 9 ne supporte pas le box-shadow, il existe une solution à utiliser IE shadow filter pour imiter une boîte ombre:

filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000); 

reference