web-dev-qa-db-fra.com

Ombre de boîte dans IE7 et IE8

Je veux implémenter les ombres de boîte dans IE7 et IE8 . J'ai tout essayé sans y parvenir. Voici le css que j'utilise pour appliquer une ombre colorée à un div:

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

Ce fichier ie-css3.htc est une solution aux problèmes d’ombre IE. Mais cela ne donne que des ombres noires, pas des ombres de couleur. J'ai essayé:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

Mais cela crée une ombre directionnelle et je veux une ombre omnidirectionnelle. Également essayé le filtre flou mais il doit avoir des divs supplémentaires, ce qui est déconseillé dans mon cas actuel. Un avis d'expert sur ce problème?

cssinternet-explorerinternet-explorer-8internet-explorer-7css3
24
Shades88

Utilisez CSS3 PIE , qui émule certaines propriétés CSS3 dans les versions antérieures d’IE.

Il supporte box-shadow ( sauf pour le mot clé inset).

45
thirtydot

dans ie8 vous pouvez essayer

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');

mise en garde: dans ie8 vous perdez des polices lisses pour une raison quelconque, elles paraîtront en lambeaux

5
iamari

Tu pourrais essayer ça

box-shadow:
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000');
2
user2795385

utiliser ceci pour résoudre le problème avec la boîte d'ombre

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');
0
Kumar vaibhav