css实现随着浏览器大小自适应背景以及background的小问

background有以下小属性：

background-image:

background-position:

background-size

background-repeat

background-clip:contengt-box||padding-box||border-box  

分别对应：背景对应内容||内边距||边框来裁剪

background-origin: content-box|| padding-box||border-box;

分别对应：背景相对于内容||内边距||边框来定位；

background-attachment:scroll || fixed; 默认scroll 

分别对应：背景随着内容滚动而滚动 || 背景固定

下面我们要实现一个 随着窗口大小改变而改变的背景列子

首先就用到了我们刚刚提到的 几个属性：background-attenment  background-size

在线效果展示：点击链接

另一种就是 把class写在body上，就不用写定位了

后续有别的更好地方法在更新