正文中的背景图片：在IE上无法使用之前

Question

我创建了一个使用body：before标签来“拆分”设计的网页设计，类似于WordPress的TwentyFifteen主题（ https://wordpress.org/themes/twentyfifteen/ ）

但我在“左”列中不使用颜色，而是在图像中使用颜色。 该代码适用于所有浏览器（Chrome，FF，Safari），但不适用于IE（9-11版）。

CSS看起来像：

body::before {
    background: url("img/back-left.jpg") no-repeat center top ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 30%;
    z-index: 1;
}

效果：使用IE打开页面时，背景图片未显示。 当我去一个子站点时，图片正在显示。 当我转换浏览器窗口时，显示的是图片。 当我在IE Dev工具栏中更改任何内容（无论如何）时，图片已显示。

如果我使用background-color而不是background（或background-image），那么它在IE上可以正常工作。

有任何想法吗？ 我认为这听起来像是渲染的东西。 背景图片渲染得太迟了，因此没有显示（相反，我在页面上进行了所有交互）。 但是如何解决呢？

Answer 1

我找到了一个“解决方案”，但遇到了另一个问题。 ;-)

当我设定

html, body { overflow: auto; }

然后，背景图像在IE 10和IE 11中正确显示。但是现在我遇到了IE 11平滑滚动的问题（使用鼠标滚轮时背景图像到处都有跳跃。使用滚动条时，它可以正常工作） 。 无论如何，这个变体对我来说比不显示背景图像更好。 因此，我仍然希望MS可以解决平滑滚动的错误。

我用此更正在CodePen中创建了一个分叉： http ://codepen.io/anon/pen/rabMMm

（这是原始的CodePen代码： http ://codepen.io/anon/pen/qEwEVy）

还是没有人知道从IE修复平滑滚动问题的解决方案？