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