CSS背景图

背景：

　　(1)background-color:    背景颜色

　　(2) background-image:    背景图片

　　(3) background-repeat:    平铺

　　(4) background-attachment:    关联方式；scroll滚动；fixed不随滚动条运动；

　　(5) background-position:    定位

缩写：

　　background:color image repeat attachment positon;

 

背景相关：

　　(1) background-size:    背景尺寸

　　　　1) cover;    填满元素

　　2) contain;    拉伸到最大

　　(2) background-orgin:    背景显示区域

　　　　1) padding-box;    默认

　　　　2) border-box;

　　　　3) content-box;

　　(3) background-clip:    背景绘制区域

　　　　1) border-box;    默认

　　　　2) padding-box;

　　　　3) content-box;

　　注：优先于orgin

高分屏背景图片处理：

-webkit-image-set

background:-webkit-image-set(

        url('../../assets/bg@2x.png') 2x,

        url('../../assets/bg@2x.png') 3x

    ) ；

filter:滤镜

filter:blur(100px):