div 边框阴影

沉着前进 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的支持

相关推荐