今天小编跟大家讲解下有关IE实现css3效果兼容 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关IE实现css3效果兼容 的相关资料,希望小伙伴们看了有所帮助。
1.Shadow阴影.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; }Color,设置阴影颜色。
Direction,设置阴影的方向,角度也是从0°~315°取值(跟PS的投影效果非常的相似。)
Strength,设置投影强度,数值越大越模糊。
2.Gradient渐变filter:progid:DXImageTransform.Microsoft.Gradient()filter:progid:DXImageTransform.Microsoft.Gradient(enabled='ture',GradientType='1',StartColorStr='#00000000',EndColorStr='#FFFF3300')3.Alpha调整对象内容的不透明度filter:progid:DXImageTransform.Microsoft.Alpha()filter:progid:DXImageTransform.Microsoft.Alpha(enabled='ture',GradientType='1',StartColorStr='#00000000',EndColorStr='#FFFF3300')4.Blur设置对象的模糊值filter:progid:DXImageTransform.Microsoft.Blur()filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='x', MakeShadow='x', ShadowOpacity='x')PixelRadius,设置对象的模糊半径,1~100数值。
MakeShadow,设置对象是否投影,布尔值,true和false
ShadowOpacity,设置对象投影不透明度,0.0~1.0,假如MakeShadow为false那么该值无效。
来源:爱蒂网