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

我刚刚安装了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;
}

谢谢！

解决方法

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

/css/styles.css

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

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

原文地址：https://www.jb51.cc/css/215346.html