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上,就不用写定位了
后续有别的更好地方法在更新