背景图像网址未显示图像

Question

我设计了一个html css主题。它不在任何服务器或localhost上运行。我将主题包括其所有css js文件保存在一个目录中。它的路径是D - >网站 - ＆gt;主题。

在html文件中我使用了几张图片。我的图像html代码是

 `<img src="images/share.png" class="image-gap">`

此代码在html页面上完美显示图像。我还需要显示背景图片，我使用了这个HTML代码

<div class="background-image-holder">
Only some text here. Background of this text should be a small image
<div>

以上html的CSS

.background-image-holder{
   background-image: url('images/share.png');
}

图像在html页面上完美显示，但相同的图像路径和图像不显示为背景图像。当我将鼠标悬停在firebug css background-image上时会显示此消息

Failed to load the given url

如何将此图像显示为背景图像。为什么我现在的方法不起作用？顺便说一下，我在这个网站上发现了一些问题，但答案对我不起作用。

Answer 1

CSS url()是相对于.css文件的位置，而不是加载该css的html文件。例如如果您的文件为/index.html，并且正在加载/css/styles.css，那么背景图片将作为/css/images/share.png

进行访问

Answer 2

我认为代码应该像 -

.background-image-holder{
   background-image: url('../images/share.png');
}