当我的 CSS 文件和图像位于不同的目录中时，如何在 CSS 中正确指定背景图像路径？

在 CSS 中指定背景图像路径

在 CSS 中，设置背景图像需要提供文件的路径。以下查询旨在解决在给定项目组织结构的情况下找到图像的正确路径的问题。

问题：
用户的 CSS 文件位于 Project/ Web/Support/Styles/file.css，而他们打算使用的图像位于 Project/Web/images/image.png。他们尝试了多种方法来设置background-image属性，但都没有得到想要的结果。

解决方案：
要在CSS中正确指定图像的路径，相对必须考虑 CSS 文件的路径。在本例中，CSS 文件位于图像目录上方的两个文件夹中。因此，路径中需要两个 ../（父目录）前缀：

background-image: url('../../images/image.png');

通过遍历两个目录，CSS 文件在项目结构中正确定位图像。

以上是当我的 CSS 文件和图像位于不同的目录中时，如何在 CSS 中正确指定背景图像路径？的详细内容。更多信息请关注PHP中文网其他相关文章！