css3的新属性background-clip认识

css3新增的background-clip属性主要是对背景图片进行裁切的作用:background-clip:border-box || padding-box || context-box

分别对边框,内边距,内容区域进行裁切,把多余的部分给裁切掉,有兼容性问题.

拿w3cplus的文章代码过来:

/*Firefox3.6-*/   -moz-background-clip: border || padding;

/*Webkit*/   -webkit-background-clip: border-box || padding-box || context-box;

/*W3C标准 IE9+ and Firefox4.0+*/   background-clip: border-box || padding-box || context-box;

例子可以看:http://www.w3cplus.com/content/css3-background-clip