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