代码改变世界

css 实现阴影 兼容大部分浏览器

2013-04-03 22:48  海边拾贝壳的人  阅读(68)  评论(0)    收藏  举报

 box-shadow: 3px 3px 4px #000;
 -moz-box-shadow: 3px 3px 4px #000;
 -webkit-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')";
 height:200px;
 width:200px;
 background:yellow;

这就是css实现阴影的代码 里面用了一些兼容IE的hack    但是目前还没有办法实现例如 一个div中 上边距和下边距的同时阴影