CCS3 背景大小：覆盖在 IE 中不起作用

Question

我正在开发一个允许我为首页插入一些自定义 css 的 Web 应用程序。

我想在起始页有全屏背景图片。我知道我可以使用所有最新版本的浏览器都支持的 background-size:cover。

                body {
                    background-image:url(/File/Publisher/Start/startpage_background.jpg);
                    background-repeat:no-repeat;
                    background-size:cover;
                }

这适用于最新版本的 Firefox 和 Chrome。但是，它在 IE11 中不起作用。背景图像不会缩小以覆盖整个屏幕。它以原始大小显示并被部分裁剪。

使用 F12 进行调试，我发现如果我禁用 margin-top 或 margin-bottom（见屏幕截图），background-size 属性将起作用。

我不想修改 web 应用程序的原始 CSS 引入的边距属性。有什么办法可以解决这个问题？

Answer 1

我也遇到了这个问题，发现给 body 任何高度都会使封面属性有效，只要它没有设置为百分比。为了良好的秩序，min-height: 100vh 应该这样做：

http://codepen.io/anon/pen/oXmzLL?editors=010

很奇怪，因为在任何其他浏览器上都没有问题，但那是适合你的 IE。当然，它只有在内容不超过 window 大小时才会出现（编辑 - 它也不应具有将其从文档流中移除的定位）。

顺便说一句，这不是最快的答案，但这是我遇到的关于这个主题的唯一主题（与旧版浏览器支持无关）...

CCS3 背景大小：覆盖在 IE 中不起作用

CCS3 background-size:cover not working in IE

css

internet-explorer

background-size