css背景图像并不总是显示

时间:2013-03-05 10:47:15

标签: css firefox background browser-cache

我正在使用css加载背景图片:

background:#000000 url(site/logo.jpg) no-repeat

这很好用。但是,使用Firefox时,在使用强制缓存重新刷新站点时,图像有时不会显示。在这些情况下,我需要进行一些点击操作(例如,切换标签,标记文本,右键单击和查看网站信息或来源)以使其显示。我假设它们已加载但根本没有显示。

即使缓存为空,当Firefox加载没有强制缓存刷新的站点时也不会发生这种情况。使用IE或Chrome不会发生这种情况。事实上,在最近的Firefox 19发布之前似乎没有发生这种情况,但我对此并不确定。

我找不到任何明显的理由。还有其他可能对此产生影响的事情吗?

3 个答案:

答案 0 :(得分:0)

单独使用:

background:url('site/logo.jpg') no-repeat;
background-color: #000;

我在浏览器中尝试过这段代码(Firefox 19.0),即使用F5刷新后也能正常使用! 如果这对您不起作用,请发送您网页的链接。也许这是因为你应用这种风格的元素......或者谁知道,可能有很多可能性。

答案 1 :(得分:0)

似乎Firefox更新19.0.2解决了这个问题。

答案 2 :(得分:0)

我们有类似的问题。 我们的图片已作为<th><td>的背景放在表格中。

看看这个结尾 post 和解决方案由 yasirmturk

提供
  1. 在包装器DIV结束之前添加<div style=‘clear:both’></div>
  2. overflow:hidden;添加到包装器DIV
  3. display:inline-block;添加到包装器DIV
  4. 我们解决它的另一种方法是切换到

    border-collapse: separate;