CSS背景图片无法显示

Question

51

我有一个带有名为img的子目录和一张名为debut_dark.png的图片的HTML文件。在我的CSS文件中，我有：

body { 
    background: url(/img/debut_dark.png) repeat 0 0;
}

HTML文件具有body标签，并适当地包含了CSS文件。我确定CSS文件已经正确引用，因为其他所有内容都被正确格式化了。

背景图片未能显示出来，我只看到了白色背景。有什么想法可以解决这个问题，或者如何进行调试？

- darksky

2

检查图片 URL 是否正确。打开开发者工具并查看网络选项卡，你的 debut_dark.png 应该在其中列出。检查它是否已经被加载。 - Viktor S.

3

确定图片路径和名称是否正确？使用Firebug进行检查。 - midstack

看起来图片没有加载。img子目录与html文件在同一个目录中。图片就在那里。我使用img/debut_dark.png作为路径，但它不起作用。 - darksky

@Darksky，你尝试过使用一些开发工具吗？另外，你的HTML文件路径是什么（这很重要）？ - Viktor S.

1

当导航到img/debut_dark.png时，您能否直接在浏览器中打开图像？ - David Hellsing

显示剩余3条评论

21个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bobby Dwivedi · Answer 1

基本上问题出在文件路径。 URL开头的斜杠使其在根目录中查找文件。移除斜杠后，它将成为相对于CSS文件的路径 - 就像这样： background-image: url(img/debut_dark.png);

如果你使用Atom，复制图像的项目路径有时会在复制的路径中包含斜杠，所以请小心。