Question

尝试使用带有封面背景的横幅部分，它可以与最新的浏览器一起使用。但是在ie7＆amp; 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

IE8中不支持

background-size: cover - 即使使用-ms-前缀也不支持。当IE8发布时，它还没有被发明。

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

您可能还希望在此处看到我对类似问题的回答：I want the background picture not to be displayed in the IE. How do I do that?

Answer 3

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

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

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

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

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

享受这个简单的解决方案。的：）

background-size：封面不能正常工作，即8＆amp;甚至使用-ms过滤器

3 个答案: