The effect of Box-shadow in simulating CSS3 under IE

This article mainly introduces the effect of Box-shadow in the simulation CSS3 under IE, has a certain reference value, now share to everyone, the need for friends can refer to

The Box-shadow (shadow) in the simulated CSS3 in IE can be implemented using IE's Shadow (shadow) filter, which should be noted that the filter must be used with the background property or the filter will fail

The Box-shadow (shadow) in the simulated CSS3 in IE can use IE's Shadow (shadow) filter
Basic syntax: Filter:progid:DXImageTransform.Microsoft.Shadow (color= ' color value ', direction= shadow Angle (value), strength= shadow radius (value));
Note: The filter must be used with the background property, otherwise the filter will fail.
Box-shadow (shadow) code in analog 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 or ie9*/}

The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!