当您的 CSS 和图像文件位于不同的目录中时,指定背景图像路径可能会很棘手。本文探讨了当 CSS 文件位于 Project/Web/Support/Styles/file.css 且图像位于 Project/Web/images/image.png 中时面临的常见问题。
问题声明:
尽管尝试使用各种路径引用图像(/images/image.png、../images/image.png、等),图像无法在预期的 CSS 文件中显示。
解决方案:
要正确指定路径,了解 CSS 中的目录导航非常重要。 ../ 语法向上导航一级目录。在这种情况下,CSS 位于 Project/Web/Support/Styles 中,正确的路径是:
background-image: url('../../images/image.png');
此语法从 file.css (../../ ) 到达图像文件夹和 image.png 所在的 Web 目录。
以上是如何在 CSS 中指定一致的背景图像路径?的详细内容。更多信息请关注PHP中文网其他相关文章!