CSS实现跨浏览器兼容性的盒阴影效果
在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。
对于目前对CSS3支持如狗屎的孤芳自赏的IE浏览器怎么办呢?box-shadow属性对于IE浏览器就像是圣诞树上的彩灯——装饰而已。
好在IE浏览器有个IEshadow滤镜,是IE浏览器私有的一个东西,可以模拟还凑合的盒阴影效果,使用类似于下面的代码:
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
浏览器支持情况
Firefox3.5+
Safari3+
GoogleChrome
Opera10.50
InternetExplorer5.5
相关推荐
Awara 2016-04-30
zyhui 2018-01-13
simonzhao0 2020-07-05
snowfoxmonitor 2020-06-21
lengyu0 2020-06-01
84549234 2020-05-12
程序员俱乐部 2020-05-09
curiousL 2020-02-02
baynkbtg 2020-01-14
yanglinjingshu 2015-05-02
程序员俱乐部 2019-12-18
zebperfect 2013-09-05
zhanghaibing00 2018-01-13
eboyhaining 2019-06-04
ilzxxx0 2019-05-05
zhangpuego 2018-04-12
cooldgjk 2017-09-26
85266438 2017-09-03
回忆的夏天 2013-06-28