IE6、7、8实现盒阴影

一直以为在IE6、7、8下面实现阴影只能用背景模拟呢,原来用滤镜也可以在IE在写出阴影来,记录下。

/* 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');

第一,滤镜里的颜色属性必须写完整,不能用缩写。比如#000000不能写成#000;

第二,滤镜的阴影是计算在宽高内的。比如我的盒子宽高都是100px,当我设置阴影的宽度为4px的时候,实际我盒子的宽度和高度就都变成了104px。

posted @ 2011-11-22 10:43  修远兮  阅读(224)  评论(0)    收藏  举报