如何使CSS URL背景图像显示在localhost中？

Question

我刚刚安装了xampp,我带了一个我的实时网站进入它,以便能够从localhost开始工作.

因此,要查看我的网站,我导航到localhost/example.com

我注意到在我的HTML上有一些图像问题,例如:

<img src="/new_pictures/05.jpg" alt="Central Market"/>

图像不会显示,但后来我删除了/,这有效:

<img src="new_pictures/05.jpg" alt="Central Market"/>

我似乎与CSS背景图像有类似的问题,但我无法让它工作 - 如果我删除/那里,图像不会显示在实时网站上.如何让背景图像显示在localhost上？

示例CSS(在实时站点中工作但不在localhost中工作):

.outeremailcontainer {
height:60px;
width: 275px;
background-image:url(/images/feather_email2.jpg);
text-align:center;
float:right;
position:relative;
z-index:1;
}

谢谢!

Answer 1

样式表中的图像路径应该是图像相对于样式表的位置,例如,如果您的.css文件位于您的站点上的此类目录中:

/css/styles.css

你的路径应该是这样的(上一个目录,然后进入images)

background-image:url(../images/feather_email2.jpg);