Html 不同页面上的背景大小不同

请参见此处的背景：

它适用于车身元素，尺寸正确。但当你在这里看到它时：

它伸展开来，看起来很奇怪。我不确定它是什么，因为根据inspector，这两个页面上的CSS是相同的：

body {
    background-image: url('images/aching-soul-background-2.jpg');
    color: #4a2f1f;
    background-size: cover;
}

---

不确定我做错了什么

移除

背景尺寸：封面
你的背景不再拉伸，而是垂直重复。
这两个页面之间的差异是由于服务页面中的高度较大造成的，当您使用“背景大小”属性的“封面”值时，会产生这种效果。
删除
背景大小：封面
你的背景不再拉伸，而是垂直重复。
这两个页面之间的差异是由于服务页面中的高度较大造成的，当您使用“背景大小”属性的“封面”值时，它将导致此效果。
请尝试
背景位置：50%50%

而且

`/* FOR A LARGE-SINGLE IMAGE TO STRETCH COMFORTABLY ACROSS A BODY*/
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;`

尝试
背景位置：50%50%

而且

`/* FOR A LARGE-SINGLE IMAGE TO STRETCH COMFORTABLY ACROSS A BODY*/
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;`