背景剪裁：background-clip，背景图像的位置：background-Origin，background-position，background-attachment

使用前提定义了background-image，background:yellow;也是有效的

boder-box,默认值，背景绘制在边框方框内，也就是从边框往里面

padding-box，背景绘制在衬距边框内，也就是从内边距往里面

context-box,背景绘制在内容方框内

注意：是背景图像，background:yellow;是无效的

background-Origin属性指定了背景图像的位置区域。content-box, padding-box,和 border-box区域内可以放置背景图像。 

如果背景图像background-attachment是"固定"，这个属性没有任何效果

 

background-position属性设置背景图像的起始位置。

默认值：0% 0%，第一个值是水平位置，第二个值是垂直。

仅指定一个关键字，其他值将会是"center"也就是50%，可以，left bottom，也可以30px 40px

注意：

background-Origin属性指定background-position属性应该是相对位置。

对于这个工作在Firefox和Opera，background-attachment必须设置为 "fixed（固定）"

 

background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。默认scroll

scroll：背景图片随页面的其余部分滚动

fiexd：背景图像是固定的

inherit ：继承