沉着前进 2011-08-18
box-shadow:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色;
Firefox支持BoxShadow(阴影):-moz-box-shadow:2px2px5px#333333;
webkit内核的Safari和Chrome支持BoxShadow(阴影):-webkit-box-shadow:2px2px5px#333333;
Opera支持BoxShadow(阴影):box-shadow:2px2px5px#333333;
IE不支持BoxShadow(阴影);
同一个元素可以使用多个阴影,box-shadow:2px2px5px#333333,box-shadow:-2px-8px5px#333333;;
js中可以使用:obj.style.webkitBoxShadow=值(字符串);obj.style.MozBoxShadow=值(字符串);obj.style.boxShadow=值(字符串);
.shadow{
border:1pxsolidred;
-moz-box-shadow:3px3px4px#333232;
-webkit-box-shadow:3px3px4px#333232;
box-shadow:3px3px4px#333232;
/*ForIE8*/
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333232)";
/*ForIE5.5-7*/
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333232');
}
注意:css1中支持box-shadow,css2中去掉了对其的支持,但是css3中又恢复了对box-shadow的支持