Css 如何在IE中使用背景尺寸？

是否有任何已知的方法可以使CSS样式

背景大小在IE中工作？
有点晚，但这也可能有用。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')";

但是，这会缩放整个图像以适应分配的区域，因此如果使用精灵，可能会导致问题

规范：
甚至更晚，但这也可能有用。有一个jquerybackstretch插件，你可以用它来填充背景尺寸：cover。我想用jQuery获取css背景url属性并将其提供给jQuery backstretch插件是可能的（而且相当简单）。好的做法是使用Modernizer测试后台大小支持，并将此插件用作备用插件

SO上提到了backstretch插件。jQuery backstretch插件站点是

以类似的方式，您可以制作一个jQuery插件或脚本，使背景大小适合您的情况（背景大小：100%）和IE8-。所以要回答你的问题：是的，有一种方法，但atm没有即插即用的解决方案（即你必须自己做一些编码）

（免责声明：我没有彻底检查backstretch插件，但它似乎与background size:cover做的一样）
我创建了一个1.5K jquery插件，可以用作IE8对“cover”和“contain”值的回退。看一看。
多亏了这篇文章，我的跨浏览器快乐的完整css是：

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

有一个很好的聚填充：

要引用文档，请执行以下操作：

将backgroundsize.min.htc与
.htaccess，它将发送IE所需的mime类型（仅限Apache）-
它内置于nginx、node和IIS中）

在CSS中使用背景大小的地方，添加对
这个文件

.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);
}

您可以使用此文件
（“背景尺寸多边形填充”）用于IE8，使用非常简单：

.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;
}

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

background-size: 100% 100%;

你想得到什么效果？@ZippV我有一个大约250像素宽的div。但是背景图像是300像素宽。我想背景图像完全适合（背景大小：100%），所以它不会被切断。然后在
：hover
上，我希望背景大小更改为300px的全宽（背景大小：auto），以创建缩放效果。使用img标记可以实现相同的效果。如果你需要它上面的任何东西，使用Z指数。“约翰考虑改变接受的答案，如果丹的解决办法对你有用的话！”ZippyV IMG标签有时会产生不必要的副作用，例如可以选择或右键单击。这些有时是好的，有时不是。我想知道为什么微软不只是用CSS实现功能性。谢谢！哪些IE版本支持此功能？如果您在我们定义的元素中使用链接和按钮，这些链接和按钮将无法工作。有人知道解决这个问题的方法吗？我必须添加
position:relative；z-index:999
对于输入，在这样的分区中有一个按钮。不过，比例方法不会保持比率。。因此，最好你的元素与你的图像具有相同的比例。根据jquery.backgroundSize.js的文档，该插件已被弃用，他们建议改为使用。更新的版本不适用于
背景位置：修复了
@VOIDHand过滤器和polyfill都不适用于我，我使用jquery.backgroundSize进行success@Gaurav123试试
-webkit背景尺寸：封面-moz背景尺寸：封面-o-背景尺寸：封面；背景尺寸：封面这使我的ie8可以显示两次背景图像-一个是缩放尺寸，另一个是大尺寸背景。ie7:看起来不错，但不能再单击链接。（为什么是ie7？政府网站更新速度非常慢）这种polyfill很有效。背景尺寸：IE8中的覆盖或包含。这种方法既支持
contain
又支持
cover
。它包含5.7KB的数据，这不是很糟糕，因为它将在一个网络数据包中传输。用于哪个版本？
background-size: 100% 100%;