如何在IE中使背景尺寸工作？

有没有已知的方法可以使background-sizeIE中的CSS样式起作用？

有点晚了，但这也可能有用。有一个适用于IE 5.5+的IE过滤器，您可以应用：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

但是，这会缩放整个图像以适合分配的区域，因此，如果您使用的是精灵，这可能会引起问题。

规范：AlphaImageLoader筛选器@microsoft

我创建了jquery.backgroundSize.js：一个1.5K的jquery插件，可用作“ cover”和“ contain”值的IE8后备。看一下演示。

多亏了这篇文章，我对跨浏览器的满意程度完全是：

<style>
    .backgroundpic {
        background-image: url('img/home.jpg');
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='img/home.jpg',
        sizingMethod='scale');
    }
</style>

自从我处理这段代码以来已经很久了，但是我想添加更多的浏览器兼容性，因此我将其附加到CSS上以提高浏览器的兼容性：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

甚至以后，但这也可能有用。有一个jQuery-backstretch-plugin可以用作背景尺寸的塑料填充：封面。我猜想一定有可能（并且相当简单）使用jQuery来获取css-background-url属性并将其提供给jQuery-backstretch插件。优良作法是使用modernizr测试background-size-support并将此插件用作备用。

这里在SO上提到了backstretch-plugin .jQuery-backstretch-plugin-site在这里。

您可以通过类似的方式制作一个jQuery插件或脚本，以使背景尺寸在您的情况下（背景尺寸：100％）和IE8-都能正常工作。因此，回答您的问题：是的，但是有一种方法，但是atm没有即插即用的解决方案（即，您必须自己编写一些代码）。

（免责声明：我没有对backstretch-plugin进行彻底检查，但似乎和background-size：cover一样）

有一个很好的polyfill：louisremi / background-size-polyfill

引用文档：

将backgroundsize.min.htc以及将发送IE所需的mime类型的.htaccess上载到您的网站（仅Apache-它内置在nginx，node和IIS中）。

在CSS中使用background-size的任何地方，都添加对此文件的引用。

.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
}

在IE11 Windows 7中，这对我有用，

background-size: 100% 100%;

您可以针对IE8 使用此文件（https://github.com/louisremi/background-size-polyfill “ background-size polyfill”），该文件使用起来非常简单：

.selector {
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc);
}

我尝试使用以下脚本-

.selector { 
background-image: url("img/image.jpg");
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
}

它为我工作！