Internet Explorer双三次背景图像重新缩放

时间:2014-01-31 12:31:23

标签: css internet-explorer

我在使用background:和background-size:属性进行IE缩减CSS背景图片方面遇到了一些麻烦,如下所示

.llifLogo {
background: url(images/llifmonotagline.png) no-repeat center;
background-size: 550px;
position: absolute;
top: 60px;
width: 100%;
height: 170px;

}

该网站在http://llif.co.uk上有效。在其他浏览器中看起来很棒,但IE似乎使用最近邻居而不是双三次缩小图像。我知道使用-ms-interpolation-mode: bicubic;曾经存在黑客攻击,但现在已弃用。

任何人都有任何想法如何在IE中很好地缩小背景图像?

我还应该添加为什么我想要制作背景图像而不仅仅是常规图像:当网站位于狭窄的视口(如移动设备)中时,我可以使用媒体查询来显示不同的图像。 / p>

谢谢!

1 个答案:

答案 0 :(得分:1)

最好(也可能是唯一)这样做的方法是调整.png文件的大小。 没有理由使用文件大小约为85KB的2808x1024 png,当你可以将文件大小调整为550x201px并且它将具有~15KB并且将很好地渲染。只需使用@media查询在不同分辨率的png之间切换。