CSS不会显示div背景图片

时间:2012-12-27 00:24:28

标签: css image html background

它完全显示在我的电脑上,以前它通常在线显示,直到我试图替换那张背景图片,我不知道发生了什么,我已经尝试恢复旧的,因为一个不能正常工作。

我可以看到所有其他样式都适用,所以图片(它们都在同一个文件夹中 - 它们通过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 个答案:

答案 0 :(得分:1)

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

  1. 打开您的网站(本地或远程服务器)并打开Chrome开发工具(OS-X上的Cmd + ALt + I,Linux和Windows上的类似组合键)。

  2. 转到“元素”面板,查找标识为container的元素。

  3. 检查右侧子面板上的“指标”标签,看它是否具有您预期的尺寸。如果没有,可能问题不在图像文件URL上。

  4. 如果container宽度和高度符合您的预期,请选中“样式”标签,然后查找background-image属性。如果图像未正确加载,则属性内容可能会显示浏览器在哪里查找图像。

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

  6. 我能想到的最后一件事:打开网络面板并重新加载页面。您将在您的站点正在进行的每个http请求以及相应的服务器响应上有指示。

答案 1 :(得分:1)

对我来说,如果我改变了,那就有用了:

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

为:

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

所以再次检查这不是问题。

答案 2 :(得分:1)

在图片未上传之前,您实际上在这里看到:

before

但后来我明白了。这是我看到浏览网站的证据:

after

答案 3 :(得分: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文件来检查。