CSS_处理阴影

-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */

box-shadow: 10px 10px 5px #888888;

-moz-box-shadow: 10px 10px 5px #888888;
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.6);
box-shadow:5px 5px 5px rgba(0,0,0,.6);
box-shadow:5px 5px 5px 10px #ddd;
-webkit-shadow:;

[code="css"]

.box-shadow{

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/

background-color: #eee;

-moz-box-shadow:2px 2px 5px #969696;/*firefox*/

-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/

box-shadow:2px 2px 5px #969696;/*opera或ie9*/

}

[/code]



/*Internet Explorer 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=0,strength=6)
　　　　　　  progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=6)
　　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=180,strength=6)
　　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=270,strength=6)";
/*IE9*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=0, strength=6)
　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=90, strength=6)
　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC direction=180, strength=6)
　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=270, strength=6);
/*标准浏览器*/
box-shadow:0px0px6px#CCC;


Shadow滤镜必须配合background属性一起使用，否则该滤镜失效

在IE8中，-ms-filter是filter的别名，两者区别是-ms-filter的属相值必须被单引号或双引号包围，而filter中则不是必须，而在IE8之前的版本中，filter的属性值必须不被单引号或双引号包围。

color代表投影的底色，该数值是用英文字母来代替的， 例如投影底色是蓝色的话，就应该设置color=blue。
direction参数是用来设置投影方向的，如果该数值是0的话，就代表垂直投影，此外该数值45度为单位，它的默认值是向左的270度。
strength设置或检索以对象为基准的在运动方向上的向外扩散距离。