当 URL 较长时，CSS 背景图像加载失败答案

【问题标题】：CSS background image load fails when URL is longer当 URL 较长时，CSS 背景图像加载失败
【发布时间】：2012-07-27 06:29:27
【问题描述】：

我非常感谢对此提供的任何帮助。我有一个带有background: url("../images/description_bkgrnd.jpg") repeat; display: none; 的 div 后来这个 div 用 jQuery 可见。当 url 看起来像 http://localhost/product-name-p35/ 时一切正常，但是当它看起来像像http://localhost/product-name-p35/RU/ 浏览器无法加载图像。在萤火虫中，我看到它正在尝试加载http://localhost/product-name-p35/images/description_bkgrnd.jpg，不是http://localhost/images/description_bkgrnd.jpg/ 有什么错？

【问题讨论】：

标签： css url load image

【解决方案1】：

url("../images/description_bkgrnd.jpg")

这是一个相对路径。当您在目录http://localhost/product-name-p35/RU/ 中时，它正在从http://localhost/product-name-p35/ 加载图像（因为.. ）

解决此问题的一种可能方法是使用绝对路径引用您的图像：

url("http://localhost/images/description_bkgrnd.jpg")

另一种可能的方法是使用

url("/images/description_bkgrnd.jpg")

开头的/ 使浏览器将请求发送到网站的根目录。但请确保 images 文件夹位于网站根目录中，或相应地修改 URL。

参考：http://www.ibdhost.com/help/path/

【讨论】：

谢谢！我在想。我相信它会起作用，只是有点难看。它似乎让它看起来很漂亮我必须有一个这样的网址：localhost/RU/product-name-p35
您可以使用url("/images/description_bkgrnd.jpg") 之类的路径，开头的斜线使它在您网站的根目录中查找图像目录。

【解决方案2】：

.. 表示您要上一级，所以当您在 RU 文件夹中时，它将转到 /product-name-p35 文件夹

【讨论】：

谢谢。有什么可能的解决方案？
去掉 .. 就可以了