html - 存储在“/images”目录中的静态内容不被提供，因为 URL 变得相对于“/css”目录

Question

我将所有css文件存储在src/main/resources/public/cssdirectoy中，并将所有图像存储在目录中src/main/resources/public/images。

因此，当我尝试从样式表访问图像时，例如：background-image: url("/images/dp.jpg");，此 URL 变得相对于css目录，因此不提供图像。

它现在工作的唯一方法是将所有图像放入 css 文件夹本身并将背景指定为background-image: url("dp.jpg");. 但是我不想以这种方式更改目录 结构，

我尝试指定完全限定的 url，background-image: url("http://localhost:8080//images/dp.jpg");但这也不起作用。

有没有一种简单的方法可以/images从目录中的样式表访问目录中的图像/css？

标签： htmlcssspringspring-boot

Answer 1

url() 中的路径相对于 css 文件本身的目录。因此，您可以像下面这样在 css 中更改您的网址。

background-image: url("../images/dp.jpg")