css - 背景尺寸：即使使用 -ms 过滤器，封面在 ie 8 及以下也不能正常工作

Question

我正在尝试使用带有封面背景的横幅部分，它适用于最新的浏览器。但在 ie7 和 8 上使用

CSS就像

.banner {
  background: url("images/banner_bg.png") no-repeat center center fixed;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_bg.png'
,sizing   Method='scale');

 -ms-background-position-x:100% center;
 -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='images/banner_bg.png', sizingMethod='scale')";
     height: 297px;
    background-size: cover;
   }

有任何想法吗。

Answer 1

我过去曾使用http://louisremi.github.io/jquery.backgroundSize.js/demo/为旧版本的 IE 提供背景覆盖/包含支持。

Answer 2

background-size: coverIE8 不支持 - 甚至不支持-ms-前缀。当 IE8 发布时，它还没有被发明出来。

如果您需要使用此功能，我的建议是使用CSS3Pie。这是一个 polyfill 脚本，它为旧 IE 版本添加了对该功能（和其他 CSS 功能）的支持。

您可能还想在这里看到我对类似问题的回答：我希望背景图片不在 IE 中显示。我怎么做？

Answer 3

我知道这已经晚了，但这个答案可能对其他人有所帮助：

下载backgroundsize.min.htc并将其放入您的项目中。

现在只需在您的 css 中添加这些行：

.class_name{
    //your other properties
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
}

注意：url根据您的项目设置使用。

享受这个简单的解决方案。:)