如何在本地主机上显示CSS URL背景图片？

我刚刚安装了xampp，并将其中一个活动网站放入其中，以便能够从本地主机开始工作。如何在本地主机上显示CSS URL背景图片？

所以查看我的网站，我浏览到localhost/example.com

我注意到一些问题，图像时对我的html，我有，例如：

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

图片就不会显示，但后来我删除了/和这个作品：

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

我似乎有与CSS背景图片类似的问题，但我无法得到它的工作，如果我删除了/那里，图像没有显示在现场。如何使背景图像显示在本地主机上？

范例CSS（工作在现场的网站，但不是localhost）：

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

谢谢！

来源

2010-05-17 Joel

尝试background-image：url（/example.com/images/feather_email2.jpg）; – Robert 2010-05-17 22:24:53

在样式表的图像路径应该是在图像是相对于样式表，例如，如果您.css文件是在一个目录像这样在您的网站：

/css/styles.css

你的路径应像这样的（上一目录下，然后进入images）

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

来源

2010-05-17 22:21:32

的确如此。谢谢！这对我来说很奇怪，现场的路径工作正常... – Joel 2010-05-17 22:28:55

@Joel - 我猜你的本地localhost是类似'localhost/mySite /'的东西，而不是'localhost /' ？那会是这个原因:) – 2010-05-17 22:33:40

啊。很酷 - 而且的确你是对的。 :) – Joel 2010-05-17 22:46:32

尝试使用./代替/，并确保你指定正确的道路。

来源

2010-05-17 22:23:04 Sarfraz

您可以尝试base标记 - 在大多数常用浏览器中支持 - 然后提供相对于base标记的href属性的路径。或者确保你提供了相对于CSS样式表的正确路径

来源

2010-05-17 22:25:32

如何在本地主机上显示CSS URL背景图片？

回答

相关问题