我要发疯了。 IE11 拒绝用背景图像填充 DIV 的整个区域,即使我已将背景大小属性设置为 cover。考虑以下示例:
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 的左侧和右侧有明显的间隙(在我的例子中)。当我禁用“背景附件:固定”规则时,它会起作用并且背景图像覆盖整个区域。如果是固定的,则不会。悲伤的脸。
这绝对是我正在处理的网站特有的问题,因为我知道 IE11 通常没有问题,但我看不到任何会导致此问题的问题。这让我的大脑很受伤。我很想发布该网站的链接,但我不能。如果您需要更多示例或有疑问,请随时提问。
非常感谢任何帮助/建议。谢谢!
更新:实际上,当背景附件设置为固定时,IE11 似乎完全忽略了背景大小:封面。叹。
更新 2:一些屏幕截图(希望)能够在一定程度上说明问题。在 IE 中,背景似乎是固定的,但没有覆盖它应该覆盖的区域。
我已成功通过应用以下 CSS 解决了该问题。我对它不是100%满意,但它必须这样做。 罢工>
如果有人遇到同样的问题,请测试此修复,它可能会起作用,具体取决于您的情况,也许不会。
.bg {
...
background-size: 100% 100%;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)