html - CSS:响应式，背景图片问题

Question

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

html:

<div class="mainImage"></div>

CSS:

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

尝试:

• 正斜杠文件路径
• 引用 ' 和 "
• 两个后台声明在同一个语句中

链接正确，已测试。

谢谢。

Answer 1

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

这对我有用