javascript - 通过 html 和 css 为 ie8 调整背景图片大小

Question

我应该如何解决在 Internet Explorer 7/8 中调整背景图像大小的问题？我在搜索引擎中尝试了更多，但没有得到任何有值(value)的结果。给我一些解决这个问题的方法。

Answer 1

有多种方法。第一，您可以使用 CSS“hacks”来获得不同的结果。例如。

.myElement {
    background-image: url('myimage-600px.png'); /* Modern browsers */
    background-image: url('myimage-400px.png')\9; /* Internet explorer 8 and lower */
    *background-image: url('myimage-200px.png'); /* Internet explorer 7 and lower */
}

或者，您可以使用媒体查询，并包含 css3-mediaqueries-js 以支持 IE。 Here是 JavaScript 文件。

要执行媒体查询，您可以使用这样的方法编写它。

@media screen and (min-width: 800px) {
    .myElement {
        background-image: url('myimage-800px.png');
    }
}