我将所有 css 文件存储在 src/main/resources/public/css
目录中,并将所有图像存储在 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");
,但这不是工作。
有没有一种简单的方法可以从 /css
目录中的样式表访问 /images
目录中的图像?
最佳答案
url() 中的路径是相对于 css 文件本身的目录。所以你可以像下面这样在 css 中更改你的 url。
background-image: url("../images/dp.jpg")
关于html - 存储在 "/images"目录中的静态内容未被提供,因为 URL 相对于“/css”目录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51351463/