背景大小覆盖IE11不覆盖全区域

我要去疯狂。 IE11拒绝用背景图片填充DIV的整个区域，尽管我已经设置了背景大小的属性。请看下面的例子：背景大小覆盖IE11不覆盖全区域

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，火狐，Safari，Opera都做什么，我希望发生：背景图像，bg.jpg，总是覆盖DIV的完整可见区域，而不管浏览器窗口的比例如何。另一方面IE11不是，而是在DIV的左侧和右侧存在可见的间隙（在我的情况下）。当我禁用“background-attachment：fixed”规则时，它会起作用，背景图像覆盖整个区域。修正后，它不会。悲伤的脸。

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

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

更新：实际上，它似乎background-size：当背景附件设置为固定时，封面被IE11完全忽略。叹。

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

FF and IE side by side same image with guides

来源

2014-03-24 ynamite

你有JSFiddle吗？ –

@FranciscoCorrales我做的，但事情是，准系统jsfiddle将*不*展现此问题。正如我上面所述，这个问题似乎是特定于我正在开展的项目。但也许有人曾经经历过同样的事情？ – ynamite

毫米，好吧，也许有些图像呢？屏幕截图？ –

~~我已经成功应用下面的CSS来解决这个问题。我对此并不满意，但必须这样做。~~

如果有人遇到同样的问题，测试此修复程序，它可能取决于您的方案，也许它不会。

.bg { ... background-size: 100% 100%; }
上一棒

圣蟹鞋......嗯，这是有点尴尬。

问题是： IE被缩小了。

解决方案：放大

的CSS是一直工作正常。

来源

2014-03-25 14:07:59 ynamite

背景大小覆盖IE11不覆盖全区域

回答

相关问题