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。

有人经历过这样的事吗？

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

Answer 1

正如Paulie_D所提到的那样，display:table-row似乎是罪人。尝试删除它，这似乎解决了它。我之前没有尝试过，因为我认为在粘性页脚解决方案中需要它。但是，即使删除了表格行标签，粘性页脚仍然可以正常工作。感谢您的所有帮助和意见。