html - 来自链接 CSS 的背景图片不会显示

Question

在处理我的 HTML 布局和调整文档头部的 CSS 时，以下工作正常:

html{background:url("gfx/green_tile.gif");}

然后我将我的 CSS 移动到我的 css 文件夹中的链接样式表。

这是我的文件结构

• index.html
• gfx
  • green_tile.gif
• CSS
  • 自定义.css

注意:我也尝试过以下方法

html{background:url("../gfx/green_tile.gif");}

html{background-image:url(...);}

Answer 1

如果样式表是 custom.css 那么 html{background:url("../gfx/green_tile.gif");} 应该可以工作。这种事情经常发生在我身上。通常是因为我拼写错误或者我没有输入足够的../

尝试输入绝对路径 http://domain.com/gfx/green_tile.gif 看看是否可行。这不是一个永久性的解决方案，但它应该有助于调试它，以确保图片正确加载。