我是 html/css 新手，我不明白为什么我的背景图片没有显示。这是一个简单站点的简单测试CSS表和HTML代码的一部分。我正在尝试添加一个background-image并且我已经这样做了一次并且它起作用了，我不知道为什么它现在不起作用。
body{
background: url (rio.jpg);
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
这是我的 CSS 表的一部分。该网址有效，我之前已将其用于另一个试用站点。而我的 html 只是一个带有正文等的常规 html 文档。
CSS 对函数很挑剔。
'url' 和括号后不能有空格。
正确的：
background: url(path/to/image.jpg);
不正确：
background: url (path/to/image.jpg);
这是一个小提琴演示：http: //jsfiddle.net/tJmmn/
您可以尝试执行以下操作：
background-image: url(http://www.example.com/images/bck.png); // absolute path
background-image: url(rio.jpg); // relative path
如果您声明路径只是 rio.jpg，则图像应与样式表/您声明背景的目录位于同一目录中。
如果图像在图像目录中，您可能需要按以下方式上一级：
background-image: url(../images/rio.jpg);
取决于图像文件所在的位置。您可以参考以下内容以获取更多信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/background-image
希望这可以帮助！
哈哈我有同样的问题，确保你有正确的“.png”或“.jpg”！
经过我所有的搜索，问题是我有一个名为“bg.png”的文件，但我输入的是“bg.jpg”
有同样的问题。我使用“背景”而不是“背景图像”。
其次，确保具有背景的元素（例如 div 标签）不为空，否则背景图像不会显示
如果您尝试以 % 为单位给出背景图像的高度，则会出现此问题。如果你在 px 中给出它应该可以工作，如果你仍然想在 % 中给出高度，即 100%（通常）而不是在 css 中添加它：body{
margin: 0;
padding: 0;
positive: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
这也应该有效。