当css文件保存在文件夹中时,从css添加到html的图像不会显示

时间:2014-11-29 07:13:17

标签: php html css directory

在我的项目工作中,我有两个css文件,一个用于索引页面另一个用于主页。我认为我应该将这两个css文件保存在一个文件夹中,如果在未来几天,如果我添加更多的css文件然后我很容易在一个文件夹中找到它们,所以,我做了。我还有一个图像文件夹。

我的问题是,当我将css(background-image属性)中的图像添加到我的任何页面时,它将不会显示在那里,但是从html img src =''属性添加的其他图像都会显示。< / p>

当我再次将它的css文件夹中的两个css文件与index.php,home.php一起放到外面时,再次显示css background-image属性之前未显示的所有图像!可能是背后发生的原因???

1 个答案:

答案 0 :(得分:2)

我认为您可能会遇到文件路径问题,但我没有太多信息可以继续。如果您的css文件在,请说&#34; main / css /&#34;并且您尝试访问其上方的目录中的图像,然后您要么必须为background-image src提供绝对路径,要么使用../来突破当前目录。示例:

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

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

这可能就是为什么当您从HTML文件中添加图像时,它在主目录中运行,然后在CSS中,它位于主目录内的CSS文件夹内,它不会#39工作。希望这会有所帮助,但还有很多工作要做。