css - IE 不渲染背景图片

Question

我在网页顶部有一个横幅，在标题元素上使用背景 css 标签。

HTML：

<section class="page-wrapper">
    <header class="block"></header>
    <div class="container"></div>
    <footer></footer>
</section>

CSS：

.page-wrapper > header {
  background: url('/path/to/image.jpg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
}

还有另一个用于粘性页脚的 CSS 规则。不确定它是否相关，但我会在这里添加它，以防万一：

.block {
  display: table-row;
}

这在 Chrome 和 Firefox 中运行良好。但在 Internet Explorer 11 和 10 中，有时无法呈现。但是，当我将光标悬停在菜单项上时，它只会在该元素下呈现。当我说“有时”时，我的意思是我可以敲击 F5 键 30 次，它有时会渲染，有时不会。在我看来是随机的。

我尝试更改图像的名称，以排除任何缓存问题。

在 IE 11 和 10 的三台单独的计算机上进行了尝试。

似乎无法发布我嵌入的屏幕截图，需要至少 10 名声望。所以我将链接到 imgur。

有没有人经历过这样的事情？

编辑：在评论中添加了实时站点 URL。无法在原始帖子中添加更多链接。

score 0 · Accepted Answer

正如 Paulie_D 提到的，这似乎display:table-row是罪人。尝试删除它，这似乎解决了它。我之前没有尝试过，因为我确信在粘性页脚解决方案中需要它。然而，即使在删除 table-row 标记后，粘性页脚仍然有效。感谢您的所有帮助和意见。

1 回答 1