1

它在我的计算机上完美显示，并且在我尝试替换该背景图片之前可以正常在线显示，我不知道发生了什么，我尝试恢复到旧的，现在一个也不起作用。

正如我所看到的，所有其他样式都适用，图片也是如此（它们都在同一个文件夹中 - 它们通过 css 加载）。所以 CSS 没问题，格式适用于文本、div、按钮和所有内容。该路径也应该没问题，因为背景图像通过相同的代码正常加载并且位于同一文件夹中。

这个加载完美：

html {
    background: url(images/background.png) repeat;
}

这个无论如何都不会加载：

#container {
    width: 588px;
    height: 617px;
    background-image:url(images/maintext60.png);
    margin: auto;    
}

图片存在于我检查了一百万次的那条路径中。我可以通过浏览器中的直接链接访问它。我也试过

('images/maintext60.png');
(/images/maintext60.png);
(../images/maintext60.png);

以及我在网上找到的所有其他内容。发生了什么？除了图片名称和现在第一个起作用的图片名称之外，我没有更改任何内容 - 没有！互联网讨厌我。

4

4 回答 4

1

我建议您尝试解决 Chrome 的问题。

  1. 打开您的站点（本地或远程服务器）并打开 Chrome 开发工具（在 OS-X 上为 Cmd+ALt+I，在 Linux 和 Windows 上类似的组合键）。

  2. 转到元素面板并查找具有containerid 的元素。

  3. 检查右侧子面板上的“指标”选项卡，看看它是否具有您预期的大小。如果不是，则问题可能不在图像文件 url 上。

  4. 如果container宽度和高度符合您的预期，请检查“样式”选项卡并查找background-image属性。如果图像未正确加载，属性内容可能会显示浏览器在哪里寻找您的图像。

  5. 您还可以检查“资源”面板以查看图像是否正确加载。

  6. 我能想到的最后一件事：打开网络面板并重新加载页面。您将获得关于您的站点发出的每个 http 请求以及相应服务器响应的指示。

于 2012-12-27T01:29:36.677 回答
1

对我来说，如果我改变它会起作用：

background-image:url(/images/maintext60.png);

到：

background-image:url(images/maintext60.png);

所以仔细检查这不是问题。

于 2012-12-27T01:53:40.373 回答
1

在图片没有上传之前，实际上你在这里看到：

前

但后来我看到了。这是我在浏览网站时看到的证明：

后

于 2012-12-27T02:07:34.223 回答
1

这是一个缓存问题，但不是我这边。当服务器仍在查看相同的旧文件时，我正在更新并尝试修复它。以下是官方回复：

你好，

对于由此给您带来的任何不便，我们深表歉意。您遇到 CSS 文件问题是因为服务器设置。我们在我们的服务器上缓存。Varnish 缓存软件用于缓存静态页面以获得更好的性能。现在，我已更新您帐户中的 .htaccess 文件以删除您帐户中的缓存。我在 .htaccess 文件中更新了以下代码：

<Files *> 
Header set Cache-Control: "private, pre-check=0, post-check=0, max-age=0" 
Header set Expires: 0 
Header set Pragma: no-cache 
</Files>

请通过从您的端更新 CSS 文件来检查这一点。

于 2012-12-27T11:51:47.357 回答