本文介绍如何使用CSS属性为元素添加阴影效果，并针对Internet Explorer浏览器提供了特殊的滤镜方法。通过调整参数，如阴影大小（strength）、方位（direction）及颜色（color），可以实现跨浏览器一致的视觉效果。
-moz-box-shadow:3px 5px 5px #969696;
-webkit-box-shadow:3px 5px 5px #969696;
box-shadow:3px 5px 5px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
说明： strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）
使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）
-webkit-box-shadow:3px 5px 5px #969696;
box-shadow:3px 5px 5px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
说明： strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）
使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）
扫一扫
697
到【灌水乐园】发言
