jquery - CSS背景固定位置但内容保持白色

Question

我已经寻求帮助但没有找到它，也许我只是不知道如何准确地写出我想要的东西。所以，我在这里问。

我需要设置一个背景，固定，但网站的内容保持白色（如在这些网站的 pro-gear.ro 或 quickmobile.ro 上），我真的不知道该怎么做，我很挣扎，因为我不知道 css和其他在制作网站时需要知道的事情，但我正在努力学习。

不要介意那里的背景图片，我只是在测试它，我发现了我需要知道的关于如何定位、拉伸、修复背景的所有信息，但我（正如我上面所说，也许我不知道如何正确写出我的问题）没有发现内容框保持白色。

请帮忙，不要笑，我真的很糟糕，我已经知道了：D

Answer 1

据我了解，你想要这个例子中的东西吗？

http://jsfiddle.net/ndKWN/1/

#main-container {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
}

.chapter{
    position: relative;
    height: 1400px;
    z-index: 1;
}

Answer 2

你需要这样做：

body {
  background-image: url('images/background.png');
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
}

这将确保您的背景是固定的并根据显示器的大小进行调整。

对于网站上的每个单独的容器，您需要：

div.whateverclass {
   background-color:#FFFFFF;
}

Answer 3

尝试将以下内容放在 CSS 中：

body{
    color:#fff;
}