Css 背景尺寸盖IE11未覆盖整个区域

Css 背景尺寸盖IE11未覆盖整个区域,css,internet-explorer-11,background-size,Css,Internet Explorer 11,Background Size,我快发疯了。IE11拒绝用背景图像填充DIV的整个区域,即使我已将background size属性设置为cover。考虑下面的例子: CSS: HTML: Chrome、Firefox、Safari和Opera都做了我期望的事情:背景图像bg.jpg始终覆盖div的整个可见区域,无论浏览器窗口的比例如何 另一方面,IE11并没有,取而代之的是,在我的案例中,div的左侧和右侧都有可见的间隙。当我禁用背景附件:固定规则时,它会工作,背景图像覆盖整个区域。如果是固定的,则不会。萨德法斯 这肯定是一

我快发疯了。IE11拒绝用背景图像填充DIV的整个区域,即使我已将background size属性设置为cover。考虑下面的例子:

CSS:

HTML:

Chrome、Firefox、Safari和Opera都做了我期望的事情:背景图像bg.jpg始终覆盖div的整个可见区域,无论浏览器窗口的比例如何

另一方面,IE11并没有,取而代之的是,在我的案例中,div的左侧和右侧都有可见的间隙。当我禁用背景附件:固定规则时,它会工作,背景图像覆盖整个区域。如果是固定的,则不会。萨德法斯

这肯定是一个特定于我正在工作的网站的问题,因为我知道IE11通常对此没有问题,但我看不到任何会导致这一问题的东西。这让我的大脑受伤了。我很想发布一个链接到上述网站,但我不能。如果您需要更多的例子或有问题,请随时提问

非常感谢您的帮助/建议。谢谢

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

更新2:一些屏幕截图希望能在某种程度上说明问题。在IE中,背景看起来是固定的,但没有覆盖它应该覆盖的区域

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

如果有人遇到相同的问题,请测试此修复程序,它可能会根据您的场景工作,可能不会

.bg {
    ...
    background-size: 100% 100%;
}
棒上的螃蟹鞋。。。嗯,这有点尴尬

问题是(被缩小了)

解决方案:放大

CSS一直运行良好。

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

如果有人遇到相同的问题,请测试此修复程序,它可能会根据您的场景工作,可能不会

.bg {
    ...
    background-size: 100% 100%;
}
棒上的螃蟹鞋。。。嗯,这有点尴尬

问题是(被缩小了)

解决方案:放大


CSS一直运行良好。

你有JSFIDLE吗?@FranciscoCorrales我有,但问题是,一个赤裸裸的JSFIDLE不会出现这个问题。正如我上面所说的,这个问题似乎与我正在从事的项目有关。但也许其他人以前也经历过同样的事情?嗯,好吧,也许是一些图像?截图?我添加了两张图片。希望它能有所帮助:为了澄清,我所说的背景是指背景图像。你有JSFIDLE吗?@FranciscoCorrales我有,但问题是,一个赤裸裸的JSFIDLE不会出现这个问题。正如我上面所说的,这个问题似乎与我正在从事的项目有关。但也许其他人以前也经历过同样的事情?嗯,好吧,也许是一些图像?截图?我添加了两张图片。希望它能有所帮助:只是为了澄清一下,我所说的背景是指背景图像。IE11在Windows 10上默认放大到125%。。或者对于高分辨率屏幕,IE11在Windows 10上默认放大到125%。。或者对于高分辨率屏幕,IE11显然放大到125%。
.bg {
    ...
    background-size: 100% 100%;
}