CSS背景图像不总是显示
问题描述:
我加载背景图片与CSS:CSS背景图像不总是显示
background:#000000 url(site/logo.jpg) no-repeat
这工作得很好。但是,使用Firefox时,在强制缓存刷新重新加载站点时,图像有时不会显示。在这些情况下,我需要采取一些点击操作(例如切换标签,标记文本,右键单击和查看网站信息或来源)以使其显示。我假设他们被加载,但根本没有显示。
即使缓存为空,Firefox在未强制缓存刷新的情况下加载站点时也不会发生这种情况。它不会使用IE或Chrome。事实上,似乎这并没有发生在最近的Firefox 19发布之前,但我不确定这一点。
我找不到任何明显的原因。还有其他的事情会对此产生影响吗?
答
看来,Firefox更新19.0.2解决了这个问题。
答
尝试使用另:
background:url('site/logo.jpg') no-repeat;
background-color: #000;
我已经在我的浏览器(Firefox 19.0)尝试这种代码,甚至与F5刷新后工作正常!
如果这不适用于您,请发送您的页面链接。也许这是因为你应用这种风格的元素......或者谁知道,可能有很多可能性。
答
我们有类似的问题。 我们的图片已作为<th>
和<td>
的背景放置在桌上。
起来看看这款 post 和解决方案的最终通过yasirmturk roposed
- 包装DIV年底前加
<div style=‘clear:both’></div>
- 添加
overflow:hidden;
为包装DIV - 添加
display:inline-block;
为包装DIV
我们解决它的另一种方法是切换到
border-collapse: separate;
您是否检查过它确实已加载,但没有像Firebug这样的工具显示? 否则,你应该把URL放在引号中。这可能不会导致问题,但正确的方法 – charly 2013-03-05 10:50:58
您使用什么方法来强制缓存刷新? – jtheman 2013-03-05 10:52:30
只需使用CTRL F5刷新。 – 2013-03-05 11:09:50