CSS无法找到图片网址

Question

以下代码全部是内联CSS。

不工作

#Image {
     background-image: url('Images/home.png');
}

不工作

#Image {
        background-image: url('http://localhost:63832/Images/home.png');
}

但是当我复制并粘贴网址时，我可以访问该图像。当我在浏览器中检查css时，我也可以看到这个定义和激活。

WORKS

<img id="Image" src="Images/home.png" />

Answer 1

尝试使用宽度和高度属性

#Image
{
     background-image: url('Images/home.png');
     width: 100px;
     height: 100px;
}

Answer 2

使css像

 #Image {
     background-image: url('Images/home.png') !important;
 }

如果已经在您的网站中的任何位置定义了替换并添加此项。

Answer 3

您必须在代码中的其他位置使用background属性#Image。你确定没有其他相互矛盾的风格吗？检查浏览器中的#Image，看看实际应用了哪些样式。

如果您不确定，请尝试使用!important。但是I would avoid using it：

#Image {
     background-image: url('Images/home.png') !important;
}

Answer 4

我通过将 ../../ 放在图片路径之前解决了相同的问题

#Image {
    background-image: url('../../Images/home.png');
}