我无法显示此背景图片。它应该出现在背景中，标题与它重叠。我正在使用id选择器。我直接从我为我班级出版的那本书中直接复制了这本书，但它根本不起作用。
这是我的代码。我是css的新手
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fall Nature Hikes</title>
<style>
#content { background-image: url(fall.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 640px;
height: 480px;
padding-top: 20px; }
h1 { background-color: #FFFFFF;
opacity: 0.6;
font-size: 4em;
padding: 10 px; }
</style>
</head>
<body>
<div id="content">
<h1>Fall Nature Hikes</h1>
</div>
</body>
</html>
答案 0 :(得分：0)
在我的浏览器中，它适用于另一个图像，你可以检查url（fall.jpg）路径是否正确？
答案 1 :(得分：0)
我查了一下，你的代码可以显示图片，你可以看到这个样本：
> https://jsfiddle.net/a9qm1j2t/
它只是复制所有的html和css源代码。
我认为您应该再次检查图像路径和图像类型，并确保它是正确的。
答案 2 :(得分：0)
可能是你的影像路径不合适。 首先检查css文件和图像文件的位置。您可以通过检查浏览器上的代码并检查图像路径来验证图像路径。