HTML5，Css3, Node , webpack， Vue， Less, Sass等技术与知识是最近几年比较火的Web技术，今天本人将分享如何兼容IE8+ Chrome FireFox 等浏览器支持css 3 中background-size属性样式。
图文中的.bg 给页面元素div使用，使其div当成背景图片的容器。
width : 30%;
height: 30%;
控制div响应式的宽和高。
background-image: url(xxx.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='xxx.jpg');
background-image让div容器有个背景而已。
filter中使用是progid是IE特有的滤镜，DXImageTransform.Microsoft.AlphaImageLoader是IE内嵌的一种ActiveX控件， sizingMethod 设置为scale表达背景图片跟随div的大小而改变。
-webkit-background-size
-moz-background-size
-ms-background-size
background-size
兼容所有浏览器的版本对css 3的background-size的支持。
-webkit 为chrome 浏览内核私有样式， -moz 为firefox 浏览器内核私有样式， -ms 为ie浏览器内核私有样式。
当浏览器为ie 8时， filter样式优先使用，而-ms-background-size、background-size会被忽略处理。
当浏览器为ie 9+时， -ms-background-size会被优先使用，background-size如果被ie 9+识别，会覆盖-ms-background-size， 我们来看看效果。
