背景图像在html中不能正确加载

Question

我使用相同的代码为我的网站的背景图像，它不应该有任何重复-我在我的页面的样式部分添加了background-repeat: no-repeat;行(我只有3)。

三个页面的背景图片代码是相同的，尽管其中一个页面不加载图片。

另一个问题是，在我的默认浏览器(Opera GX)中，背景图像重复，但当我在Firefox和Edge中打开页面时，页面加载正确，除了上面提到的那个。

这是我在所有3个页面上使用的背景图像代码:

body {
background-image: url('photo_2022-07-10_18_45-38.jpg');
background-size: 1920px 920px;
background-position: contain;
background-repeat: no-repeat;
}

谁能解释一下上面的代码有什么错误，为什么会导致上面描述的问题?

Answer 1

也许你需要检查你使用的opera浏览器的哪个版本支持css。这里我附加了一个链接来查找一些支持的浏览器版本: