html - 带有CSS的响应式背景图片

Question

这是一个非常奇怪的问题 - 我正在尝试将响应式背景图像添加到一个非常简单的网站，并且我可以在页面加载时看到该图像在屏幕上闪烁，但是当页面加载完成时图像消失，我只剩下白色背景。

这是CSS:

body {
  background: url('#') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这是 site .

Answer 1

问题是您所有的元素都有不透明的背景色。图像就在那里，它只是被其他一切所掩盖。移除所有子元素的背景，或使用 rgba 颜色。