当前位置: 代码迷 >> HTML/CSS >> CSS兑现跨浏览器兼容性的盒阴影效果
  详细解决方案

CSS兑现跨浏览器兼容性的盒阴影效果

热度:148   发布时间:2012-11-23 22:54:33.0
CSS实现跨浏览器兼容性的盒阴影效果
.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');
}

?

<img class="shadow" src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" />
?

效果:

?

文章链接:http://www.zhangxinxu.com/wordpress/?p=711


演示实例:http://www.zhangxinxu.com/study/201004/cross-brower-box-shadow.html

?

?

  相关解决方案