(原创)ie6、7、8不支持bg-size解决方法

现在做前端开发 需要考虑 Retina屏幕，即精度比较高的屏幕，

一般以苹果系列屏幕为主，

所以在切图网（qietu.com）前端切图项目中，

会发现类似 logo@2x.png 规则的命名，

这个其实就是相对于 logo.png 做了一个2倍大小的图片，

而布局的时候我们通常会使用 2倍的图片，

正常尺寸图片一般用来做兼容性会使用到。

例如 二倍图片用来做背景的时候，

我们需要加上 background-size:cover; 来让2倍的图片刚好铺满正常大小的屏幕，

但是 background-size 不支持ie8，ie7，ie6 ，

这种情况建议放弃（因为用到css3，html5技术，势必要对低版本浏览器进行舍弃，两者不可兼得），

当然，

也有特殊解决方案，

用到 css hack ，针对 ie8，ie7， ie6 单独定义一样1倍大小的图片，

就完美兼容所有浏览器了。

IE6、IE7、IE8共有的css hack：

Selector { property: value\9; }

来源：
http://www.qietu.cn/thread-15208-1-1.html