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

Question

大家早上好，

我今天的问题是，我想为手机（视网膜和非视网膜）使用一些背景图像，也用于桌面浏览器（如谷歌浏览器、firefox、internet explorer 的actuell 版本）。

我的 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 提供单独的单独图像。