语法：

box-shadow: h-shadow v-shadow blur spread color inset;

支持浏览器：

IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。

兼容性写法：

/*必须要有个背景色,否则盒内文字会出现阴影*/ background:#fff; /*Firefox*/ -moz-box-shadow: 0 4px 4px 0 #cac8c9; -o-box-shodow: 0 4px 4px 0 #cac8c9; /*Safari,Chrome*/ -webkit-box-shadow: 0 4px 4px 0 #cac8c9; /* For IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cac8c9')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cac8c9'); /*css3: Opera,IE9*/ box-shadow: 0 4px 4px 0 #cac8c9; zoom:1;

注意点:

1.滤镜里的颜色必须填写完整，即：6位16进制，不能用缩写；

2.滤镜的阴影是计算在宽高内的；

3.盒子会自动加上overflow:hidden；

4.盒子必须加个背景色，否则盒内文本会出现投影，盒子不会出现投影。

5.盒子必须要有个背景色,否则盒内文字会出现阴影。

示例：

css3_box-shadow_兼容性DEMO示例