背景大小覆盖IE11不覆盖整个区域

Question

我要去疯狂了。 IE11拒绝使用背景图像填充DIV的整个区域，即使我已将background-size属性设置为覆盖。请考虑以下示例：

CSS：

.bg {
    width: 100%;
    min-height: 220px;
    background: url("bg.jpg") center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

HTML：

<div class="bg">bla</div>
<div class="bg">blabla<br />blabla</div>

Chrome，Firefox，Safari，Opera都可以实现我的目标：无论浏览器窗口的比例如何，背景图片bg.jpg始终覆盖DIV的完整可见区域。

另一方面，IE11没有，而是在DIV的左侧和右侧有可见的间隙（在我的情况下）。当我禁用“background-attachment：fixed”规则时，它可以工作，背景图像覆盖整个区域。有了固定，它没有。 sadface。

这绝对是我正在处理的网站特有的问题，因为我知道IE11通常对此没有任何问题，但我看不到会导致这种情况的任何问题。这让我的大脑受伤了。我想发布一个指向该网站的链接，但我不能。如果您需要更多示例或有疑问，请不要犹豫。

非常感谢任何帮助/建议。谢谢！

更新：实际上，它似乎是背景大小：当背景附件设置为固定时，IE11完全忽略封面。叹息。

更新2：一些屏幕截图（希望）有点说明问题。在IE中，背景似乎是固定的，但不包括它应该覆盖的区域。

Answer 1

我通过应用以下CSS设法解决了这个问题。我不是百分之百满意，但它必须这样做。

<击>

如果有人遇到同样的问题，请测试此修复程序，它可能会根据您的情况而有效，也许它不会。

.bg {
    ...
    background-size: 100% 100%;
}

<击>

圣斗蟹棒......好吧，这有点令人尴尬。

问题是： IE缩小了。

解决方案：放大。

CSS一直很好。