CSS3背景

background-clip属性指定背景的绘制区域

语法：background-clip: border-box | padding-box | content-box;
共有三个属性值 border-box(背景图像超出边框将会被裁剪掉） |
padding-box(背景图像超出内边距将会被裁剪掉） |
content-box(背景图像超出内容框将会被裁剪掉）
兼容性
IE9+ ，Firefox，chrome，opera，safari

背景图像定位 background-origin属性指定了背景图像的位置区域

语法：content-box | padding-box | border-box
兼容性：
IE9+，Firefox4+，chrome，opera，safari5+

背景图像的大小 background-size设置背景图片的大小

语法：background-size：length | percentage |
cover（ 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。）|
contain（把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。至少有一边适应其宽度和高度）
兼容性：
IE9+，Firefox4+，chrome，opera，safari5+

多重背景图像 css允许为元素设置多个背景图像

**
语法： background：color position size repeat origin clip attachment(图片是否随着滚动条的滚动而滚动) image**