Question

我尝试了各种说可以达到背景大小的方法：在IE中工作（需要覆盖IE8 +的版本），…。 -为IE = edge和chrome = 1添加了meta -将所有三个“ -mos-”添加到课程中 -另外，请尝试将所有内容设置为一种行格式（但这不会是我的结果，因为我正在为其他格式建立模板，因此后台链接需要是行内的。

我还想念什么？

.-bg-image-70 {
  min-height: 70vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-ie-background-size: cover;

}

  <div class="-bg-image-70" style="background-image: url(https://cdn.pixabay.com/photo/2015/04/19/08/33/flower-729512_960_720.jpg);" >

<div class="container"  ><h1>Hello!</h1></div>
        </div>

Answer 1

从this article，我们可以看到“ background-size：cover;”。支持IE 9+，因此您的代码在IE 8浏览器中不起作用。我建议您可以为容器div和背景图像设置width和height属性。像这样：

<style>
    .-bg-image-70 {
        background: url("http://3.bp.blogspot.com/_EqZzf-l7OCg/TNmdtcyGBZI/AAAAAAAAAD8/KD5Y23c24go/s1600/homer-simpson-1280x1024.jpg") no-repeat;
        width: 900px;
        height: 450px;
        border: 1px solid;
        background-size: 1300px 700px;
    }
</style>
<div class="-bg-image-70">
    <div class="container"><h1>Hello!</h1></div>
</div>

此外，您还可以参考this thread和this article来解决此问题。

如何在IE中使背景尺寸的封面有效

1 个答案: