背景

1 新增背景属性

• background-origin 背景图片原点

  取值：
  padding-box：(默认值) 从padding区域（含padding）开始显示背景图像。 
  border-box： 从border区域（含border）开始显示背景图像。 
  content-box： 从content区域开始显示背景图像。
  

• backgroun-clip 指定对象的背景图像向外裁剪的区域。

  取值：
  padding-box： 从padding区域（不含padding）开始向外裁剪背景。 
  border-box： (默认值)从border区域（不含border）开始向外裁剪背景。 
  content-box： 从content区域开始向外裁剪背景。 
  text： 从前景内容的形状（比如文字）作为裁剪区域向外裁剪，如此即可实现使用背景作为填充色之类的遮罩效果
  

• background-size 背景图像的尺寸

  <length>： 用长度值指定背景图像大小。不允许负值。 
  <percentage>： 用百分比指定背景图像大小。不允许负值。 
  auto： 背景图像的真实大小。 
  cover： 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。 
  contain： 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
  

2 复合属性用法

background:bg-color bg-image  bg-repeat bg-attachment bg-position / bg-size bg-origin bg-clip

3 多背景

background:url(test1.jpg) no-repeat scroll 10px 20px/50px 60px content-box padding-box,
           url(test1.jpg) no-repeat scroll 10px 20px/70px 90px content-box padding-box,
           url(test1.jpg) no-repeat scroll 10px 20px/110px 130px content-box padding-box #aaa;