Home > Article > Web Front-end > Simulate the effect of box-shadow in CSS3 under IE
This article mainly introduces the effect of box-shadow in simulating css3 under IE. It has certain reference value. Now I share it with you. Friends in need can refer to it.
Simulating css3 under ie The box-shadow (shadow) in IE can be realized using the Shadow filter of IE. It should be noted that this filter must be used together with the background attribute, otherwise the filter will be invalid.
Simulated under IE The box-shadow (shadow) in css3 can use the Shadow (shadow) filter of ie
Basic syntax: filter: progid:DXImageTransform.Microsoft.Shadow(color='color value', Direction=shadow angle (numeric value), Strength=shadow radius (numeric value));
Note: This filter must be used together with the background attribute, otherwise the filter will be invalid.
Simulate the box-shadow (shadow) code in CSS3 under 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*/ }
The above is the entire content of this article. I hope it will be helpful to everyone's learning. For more related content, please pay attention to PHP Chinese website!
Related recommendations:
How to use css3 to show and hide a div special effect
How to use css3 to realize the input box color Gradient glow effect
The above is the detailed content of Simulate the effect of box-shadow in CSS3 under IE. For more information, please follow other related articles on the PHP Chinese website!