图像作为视网膜显示在ie7 + 8中的背景

Question

大家早上好，

我今天的问题是，我想在手机（视网膜和非视网膜）上使用一些背景图像，也适用于桌面浏览器（如谷歌浏览器，火狐，网络浏览器的实际版本）。

我的CSS，或者我如何使用它： .item {background-image：url（../ images / list-background.png）;背景尺寸：24px 24px; }

原始list-background.png（对于视网膜设备）48 * 48 *像素宽度/高度。 在所有浏览器中，css3属性background-size都没有问题。

现在我的问题是支持Internet Explorer 7和8。 是否还有一个有用的解决方案来修复ie7 + 8中的背景大小？

Answer 1

css3pie支持ie6和ie7的非重复背景图像背景大小声明。 http://css3pie.com/2013/01/28/pie-2-0-beta-1-released/还有一个支持ie8的polyfill。 https://github.com/louisremi/background-size-polyfill

或者您只需在媒体查询中使用条件注释即可将单独的单独图像提供给ie7和ie8。