Simuler l'effet de box-shadow en CSS3 sous IE

Cet article présente principalement l'effet de simulation de box-shadow en CSS3 sous IE. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Simulation CSS3 sous IE. box-shadow (shadow) in peut être réalisé en utilisant le filtre Shadow d'IE. Il convient de noter que ce filtre doit être utilisé avec l'attribut background, sinon le filtre sera invalide

Simulé sous IE La boîte. -shadow (shadow) en CSS3 peut utiliser le filtre Shadow (shadow) de ie
Syntaxe de base : filter: progid:DXImageTransform.Microsoft.Shadow(color='color value', Direction=shadow angle (valeur numérique), Strength =rayon de l'ombre (valeur numérique));
Remarque : ce filtre doit être utilisé avec l'attribut background, sinon le filtre sera invalide.
Simulez le code box-shadow (shadow) en CSS3 sous IE :

.box-shadow{ 
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/ 
background-color: #eee; 
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/ 
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/ 
box-shadow:2px 2px 5px #969696;/*opera或ie9*/ 
}

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. plus de contenu connexe, veuillez suivre le site Web chinois PHP !

Recommandations associées :

Comment utiliser CSS3 pour afficher et masquer un effet spécial div

Comment utiliser CSS3 pour réaliser l'effet de lueur dégradé de couleur de la zone de saisie

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!