CSS背景图像不总是显示

CSS背景图像不总是显示

问题描述:

我加载背景图片与CSS:CSS背景图像不总是显示

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

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

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

我找不到任何明显的原因。还有其他的事情会对此产生影响吗?

+0

您是否检查过它确实已加载,但没有像Firebug这样的工具显示? 否则,你应该把URL放在引号中。这可能不会导致问题,但正确的方法 – charly 2013-03-05 10:50:58

+0

您使用什么方法来强制缓存刷新? – jtheman 2013-03-05 10:52:30

+0

只需使用CTRL F5刷新。 – 2013-03-05 11:09:50

看来,Firefox更新19.0.2解决了这个问题。

尝试使用另:

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

我已经在我的浏览器(Firefox 19.0)尝试这种代码,甚至与F5刷新后工作正常!
如果这不适用于您,请发送您的页面链接。也许这是因为你应用这种风格的元素......或者谁知道,可能有很多可能性。

我们有类似的问题。 我们的图片已作为<th><td>的背景放置在桌上。

起来看看这款 post 和解决方案的最终通过yasirmturk roposed

  1. 包装DIV年底前加<div style=‘clear:both’></div>
  2. 添加overflow:hidden;为包装DIV
  3. 添加display:inline-block;为包装DIV

我们解决它的另一种方法是切换到

border-collapse: separate;