Html CSS：响应，背景图像问题

我无法显示图像，这很奇怪，因为当我突出显示页面上的元素时，div框就在那里。验证/检查也没有问题

html:

尝试：

• 正斜杠文件路径
• “和”
• 同一语句中的两个背景声明

链接正确，经过测试

多谢各位

.mainImage {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url('Images/top.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
}

这对我有用你可以试试这个

background-image: url("Images/top.jpg");

---

图像文件夹存在于何处？是否与HTML文件的路径相同？是否将css“连接”到HTML文件？唯一不起作用的属性是图像？是否检查图像是否为JPG？ 也许试着设置一些固定的宽度，也许给一些背景色（背景色：红色；），然后我们可以找到问题所在

.mainImage {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-image: url('../Images/top.jpg');
background-repeat: no-repeat;
width: 100%;
height: 400px;
}

---

将../放在路径之前。

~\Images\top.jpg或..\url（..\Images\top.jpg）；？使用

背景图像：url（Images/top.jpg）；

如果不知道图像与CSS文件的关系在哪里，我们无法给出明确的答案。请尝试绝对url。如果这样做有效，则是您的路径有问题。如果没有，可能是文件/文件夹的命名（例如，大写通常很重要，因此最好不要在文件名或路径中使用它们）。根目录中名为Image的文件夹似乎很明显。body{background color:59377a；font family:Verdana，sans serif；}是唯一与此样式相关的其他样式。您的html文件与图像文件夹位于同一目录中，对吗？

background-image: url("Images/top.jpg");

.mainImage {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-image: url('../Images/top.jpg');
background-repeat: no-repeat;
width: 100%;
height: 400px;
}