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;
}

这对我有用

Answer 2

你可以试试这个，

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

Answer 3

Image文件夹在哪里？它与HTML文件在同一路径中吗？你把css“连接”到html文件了吗？唯一不起作用的属性是图像？你确定图像是JPG吗？也许尝试设置一些固定的宽度，也许给一些背景颜色（背景颜色：红色;），然后我们可以找到问题所在...

Answer 4

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

在路径前放置../。

CSS：响应式，背景图片问题

4 个答案: