CCS3 background-size：封面不在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引入的margin属性。有什么方法可以解决这个问题吗？

Answer 1

我也发现了这一点，并发现给予body任何高度都会使封面属性生效，只要它没有设置为百分比即可。为了良好的秩序，min-height: 100vh应该：

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

非常奇怪，因为在任何其他浏览器上都没有问题，但是这是IE的问题。当然，只有当内容不超过窗口大小时才会出现（编辑 - 它也应该没有将其从文档流中取出的定位）。

顺便说一下，这不是最快的答案，但这是我在这个主题上遇到的唯一主题（那不是关于传统浏览器支持）......