做一个在线编程课程，完全停留在这一点上。在括号/原子/崇高中尝试过同样的事情，并且都做同样的事情。如果在 html 中的 src=" 中调用图像，我可以毫无问题地查看图像，但尝试在 CSS 中将其作为背景图像调用(内部或外部(将始终给出替代文本。
我在所有目录中都有图像的副本来帮助它找到它，并尝试了..\ " "等。
请帮忙！在我解决这个问题之前，我无法继续前进。此图像显示了我获得的预览：图像链接
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST CSS IMAGE LOCATOR</title>
<style>
#Maddie {
height: 400px;
width: 250px;
background-image: url('bluebulletpoint.JPG');
background: radial-gradient(circle, black, white);
}
</style>
</head <body>
<p>This is a picture of Maddie:</p>
<div id="Maddie">
<img alt="missing picture" </div>
<br><br>
<div id="thisworks">
<img src=bluebulletpoint.JPG>
</div>
</body>
</html>问题是这样的：
background-image: url('bluebulletpoint.JPG');
background: radial-gradient(circle, black, white);
第二行是CSS速记形式，根据规则完全覆盖前一行。将其移动到第一行之前，然后您就没事了。完成后，删除显示"缺少图片"的img，则没有必要。
这是我可以提供的最大值：
<body>
<p>This is a picture of Maddie:</p>
<div style="background-image:url('bluebulletpoint.JPG'); background: radial-gradient(circle, black, white);height: 400px;
width: 250px;" id="Maddie">
</div>
<br><br>
<div id="thisworks">
<img src=bluebulletpoint.JPG>
</div>
</body><img>。