关于background的属性
我再webstorm中显示background显示出来的属性有这么多，对于我这个新手，我还是忍不住想看看这些属性
background-position: 是定义显示的位置，他的取值包括两个，分别用来定位图片在x，y轴的坐标
Title
background-repeat:这个定义图片是否重复 repeat-x repeat-y repeat round（背景图像自动缩放直到适应且填充整个容器） space （背景图像以相同的间距平铺，且填充满整个容器或者某个方向）
background-attachment
Title
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
background-orgin :背景图片默认是左上角 也就是background-position：left top；
这个耐属性可以改变元素默认的位置
Title
background-clip 裁剪区域
Title
background-size 定义大小 可以控制图片的大小
Title
background-blend-mode 定义了背景层的混合模式 该属性ie都不支持 了解下
| normal | 默认值。设置正常的混合模式。 | 尝试一下 » |
| multiply | 正片叠底模式。 | 尝试一下 » |
| screen | 滤色模式。 | 尝试一下 » |
| overlay | 叠加模式。 | 尝试一下 » |
| darken | 变暗模式。 | 尝试一下 » |
| lighten | 变亮模式。 | 尝试一下 » |
| color-dodge | 颜色减淡模式。 | 尝试一下 » |
| saturation | 饱和度模式。 | 尝试一下 » |
| color | 颜色模式。 | 尝试一下 » |
| luminosity | 亮度模式。 |
菜鸟教程(runoob.com)
菜鸟教程 —— 学的不仅是技术，更是梦想！！！
注意: Internet Explorer 不支持 background-blend-mode 属性。
上面这个混合模式做个了解，因为在IE里面还没有一个版本支持过，这个模式相当于photoshop中的图层叠加的效果。