CSS之阴影属性box-shadow

类型

box-shadow:CSS3标准属性,多个阴影属性之间可以用逗号分隔
-moz-box-shadow:早期Firefox用来显示阴影的属性
-webkit-box-shadow:早期Chrome、Safari用来显示阴影的属性

语法

 

 

示例

兼容性

对于现如今的主流浏览器,比如说FF4.0+、Chrome10.0+、Opera10.5+、Safari5.1+、IE9.0+,都直接支持CSS3标准属性box-shadow

但是如果你想让早期的比如Firefox4.0以前的版本支持阴影,那么要使用属性-moz-box-shadow,这是早期FF自己定制的CSS属性。

另外如小于10.0的Chrome或者小于5.1的Safari就要使用属性-webkit-box-shadow,否则就不会显示阴影。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.