css - 当 URL 较长时，CSS 背景图像加载失败

Question

我很感激在这方面的任何帮助。我有一个 div，background: url("../images/description_bkgrnd.jpg") repeat; display: none; 后来这个 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/ 责备什么？

Answer 1

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

Answer 2

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") 

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

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