css - 背景图片根本不起作用

Question

我一直在研究如何让我的背景图像在不同的屏幕分辨率下工作。在多次失败的尝试之后，我发现我什至无法获得正常的 css 背景。这不是文件，我尝试了不同的格式。不同屏幕分辨率的代码:

html { 
  background: url('background.jpg') no-repeat center center fixed; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

正常背景的代码:

body {
    background-image: url('Background.jpg');
}

Answer 1

这很奇怪。您是否检查过图像的路径是否正确？例如，如果图像位于“example”文件夹内，则路径应为“example/myImage.png”。

至于响应式背景，我相信您走在正确的轨道上，尽管简单的 background-size: 100%; 就足够了。检查这个 Jsfiddle https://jsfiddle.net/a0mvnj63/

也可以尝试使用外部图像，就像在我的示例中一样，以防万一。