小编yna*_*ite的帖子

我要去疯狂了.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"规则时,它可以工作,背景图像覆盖整个区域.有了固定,它没有.悲伤的脸.

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

任何帮助/建议都非常感谢.谢谢!

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

更新2:一些截图(希望)有点说明问题.在IE中,背景似乎是固定的,但不包括它应该覆盖的区域.