Html CSS3背景随机剪切我的图像

我有两个html页面（index.html和about.html），在body标签中有相同的背景。我正在使用以下CSS创建背景：

正文{
背景：url（“http://www.skrenta.com/images/stackoverflow.jpg");
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
}

试试：

---

contain

属性将图像缩放到最大大小，使其宽度和高度都能容纳在内容区域内。

我希望您先使用photoshop拍摄一小片图像，并将其保存到web和设备，或使用剪切工具拍摄一小片图像。这样，您就可以获得一张小尺寸的小图像

比型波纹管代码

正文{
背景图像：url（'http://www.skrenta.com/images/stackoverflow.jpg');
背景重复：重复；
}

我能想到的最佳解决方案是使用

后台附件：固定。这使整个背景充满了我的图像

我还没有弄明白为什么我的CSS以不同的方式显示我的背景。这是值得一看的


正文{
背景：url（“http://www.skrenta.com/images/stackoverflow.jpg");
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
背景附件：固定；
}
我以前试过这个。这只是缩小了我的背景图像。在about.html中，它甚至更小。非常奇怪。默认情况下，图像已经在重复。这句话似乎多余。我知道这句话是多余的，但这句话描述得更具体一些。
background-size:contain;