css - CSS背景图像未加载

Question

我的问题是为什么我的背景图片没有加载到我的网站上（在我的 CSS 文件中）？我已将它们设置为 !important，这不起作用。我也在本地尝试了图像，但仍然无法正常工作。如果图像当前托管在不同的 URL 上，会不会有问题？谢谢。

Answer 1

您正在链接到http://www.runescape.com/域上的图像并且它们以 响应404 Not Found，即使如果您直接浏览这些图像确实存在（即它们以 响应200 OK）。这意味着他们禁用了盗链。

您正在尝试使用其他资源，但无论如何，这就是为什么在您的域使用时无法加载图像的原因，因为它们不允许这样做。

解决方案：使用您自己的图像，放置在您可以控制的位置。

Answer 2

肯定没有足够的信息来很好地回答......但如果你在谈论你的#Background 元素，这可能是一个路径问题。确保您的路径设置正确。

#Background{
 background: url(background_simple.jpg) no-repeat center 65px black;
 width: 100%;
 min-width: 1000px;
 left: 0;
 top: 0;
}

例如，如果您的 CSS 在 /resources/ 目录中，而您的图像在 /images/ 目录中，那么您使用的内容将不起作用。你需要类似的东西：

background: url(../images/background_simple.jpg) no-repeat center 65px black;

Answer 3

1. 如果您试图使用别人的图像，也许他们不允许热链接。
2. 如果您的图像存储在本地或您自己的服务器中，请验证路径或 url 可能是错误的。