Question

我有一个奇怪的问题，我无法理解。在Firefox和IE上，我的页脚的背景图像显示正常，但在chrome上，它只会在我开始选择页脚文本或刷新页面时显示。

这是网站： www.josephviatte.com

这是页脚的CSS：

.site-footer {
  background-color: #660000;
  background-image: url("http://josephviatte.com/wp-content/uploads/manual-uploads/footer-bg.jpg");
  color: white;
  height: 260px;
  padding: 50px 0;
  margin-top: -5px;
  margin-bottom: 0;
  background-size: 100% 260px;
  background-attachment: fixed;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

有没有人有线索？

提前致谢！

Answer 1

不确定，但我发现了一些错误：

    .site-footer {
  background-color: background-color: #660000;

这是无效的。

Answer 2

最后，我决定删除 background-attachment：fixed;

当然，我的背景现在有点令人伤感，因为它滚动，但至少它显示出来。 Chrome似乎有一些针对固定背景的东西......

背景仅在选择文字时显示 - Chrome

2 个答案: