它完全显示在我的电脑上,以前它通常在线显示,直到我试图替换那张背景图片,我不知道发生了什么,我已经尝试恢复旧的,因为一个不能正常工作。
我可以看到所有其他样式都适用,所以图片(它们都在同一个文件夹中 - 它们通过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);
我在网上发现的所有其他事情。发生了什么?我没有改变任何东西,除了图片名称,现在第一个工作 - 没有!互联网讨厌我。
答案 0 :(得分:1)
我建议您尝试解决Chrome问题。
打开您的网站(本地或远程服务器)并打开Chrome开发工具(OS-X上的Cmd + ALt + I,Linux和Windows上的类似组合键)。
转到“元素”面板,查找标识为container
的元素。
检查右侧子面板上的“指标”标签,看它是否具有您预期的尺寸。如果没有,可能问题不在图像文件URL上。
如果container
宽度和高度符合您的预期,请选中“样式”标签,然后查找background-image
属性。如果图像未正确加载,则属性内容可能会显示浏览器在哪里查找图像。
您还可以查看“资源”面板,查看图片是否已正确加载。
我能想到的最后一件事:打开网络面板并重新加载页面。您将在您的站点正在进行的每个http请求以及相应的服务器响应上有指示。
答案 1 :(得分:1)
对我来说,如果我改变了,那就有用了:
background-image:url(/images/maintext60.png);
为:
background-image:url(images/maintext60.png);
所以再次检查这不是问题。
答案 2 :(得分:1)
在图片未上传之前,您实际上在这里看到:
但后来我明白了。这是我看到浏览网站的证据:
答案 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文件来检查。