背景图片不能在css中工作

Question

我的背景图片无法在我的网站上加载。我检查了谷歌浏览器中的检查选项，它告诉我，我给出的路径是错误的。我把图像放在css文件夹中，检查它是否能够正常工作，但是没有。我把它放回图像文件夹，并试图：

#background1{ 
background: url(../../images/rusteberg.jpeg); 
     } 

这也没有工作。我在这里都没有选择。

Answer 1

作为网站上“无效路径”问题的一般解决方案，您应该对所有站点本地URL使用基本路径（前斜杠/）。

所以你的CSS规则变为：

#background1{ 
    background: url('/images/rusteberg.jpeg'); 
     } 

凡我所作出的假设，你images文件夹是你的网站地址的直接孩子这么：http://www.yourwebsite.org.uk/images/rusteberg.jpeg会是你想要的图像的工作浏览器网址显示。

这意味着CSS文件的位置无关紧要，因为图像总是被找到，因为资源位置现在是而不是相对到CSS位置。

Answer 2

这个问题的一个好方法是使用谷歌浏览器（或任何其他您的偏好，虽然我真的推荐GC）督察，使用Ctrl+Shift+I。

然后右键点击你的<div>和右侧，检查

background: url('../../image.jpg'); 

清晰度，以获得相关图像URL，它没有一个正确的URL的形象。

单击该链接并让浏览器尝试打开它。还有，你可能在你的浏览器地址栏中喜欢的网址：

http://example.com/path///image.jpg 

有可能会与你的关于图像的相对路径图像的比较给定的URL。