jquery.backgroundSize.js 不工作ie8

Question

我正在使用 jquery.backgroundSize.js插件，但我不能让它在 IE8 中工作。

我从官方网站下载，然后我玩了试玩版，但没有任何反应。我制作了一个测试页面，它在 IE9、Firefox 等上运行良好，但在 IE8 中没有任何效果。

CSS:

#main{
    background:url('parthenon.jpg') no-repeat; 
    margin:20px;
    height:200px;
    width:200px;
    border:1px solid;
}

html:

<div id="main">
    background
</div>

js:

$(function() {
    $("#main").css({backgroundSize: "contain"});
});

Answer 1

IE8 不支持 CSS background-size。

您链接的页面是一个 jQuery hack，尝试在旧版浏览器中实现它；如果它不适合您，则意味着您没有正确加载插件。

您还可以考虑使用替代选项:CSS3Pie库将对 CSS background-size 的支持实现到旧的 IE 版本中，并且使用 CSS3Pie 您可以将它直接放入您的 CSS 代码中，就像您通常对其他浏览器所做的那样。