php - 当特定的 css 文件保存在文件夹中时，从 css 添加到 html 的图像将不会显示

Question

在我的元素工作中，我有两个 css 文件，一个用于索引页，另一个用于主页。我认为我应该将这两个 css 文件保存在一个文件夹中，所以如果在未来几天我添加更多的 css 文件，那么我很容易在一个文件夹中找到它们，所以我做到了。我也有一个文件夹用于存放图像。

我的问题是，当我将来自 css(背景图像属性)的图像添加到我的任何页面时，它不会显示在那里，但从 html img src=' ' 属性添加的其他图像都会显示。

当我再次将它的 css 文件夹中的两个 css 文件与 index.php、home.php 一起放置到外部时，所有那些先前未通过 css background-image 属性显示的图像再次显示!发生这种情况的原因可能是什么？？？

Answer 1

我认为您这里可能有文件路径问题，但我没有太多信息可以继续。如果您的 css 文件位于“main/css/”中，并且您试图访问其上方目录中的图像，那么您要么必须为背景图像 src 提供绝对路径，要么使用 . ./跳出当前目录。示例:

如果您的图像位于您的 css 文件夹上方 1 层的主文件夹中:

#myImage {
   background-image: src("../myImagePic.png");
}

这可能就是为什么当您从主目录中的 HTML 文件添加图像时它可以工作，然后在位于主目录内的 CSS 文件夹内的 CSS 中它不起作用的原因。希望这会有所帮助，没有太多要继续的。