【问题标题】:Weird background-image behaviour in Firefox – displayed locally, but not online?Firefox 中奇怪的背景图像行为 - 显示在本地,但不在线?
【发布时间】:2013-03-04 17:56:16
【问题描述】:

我有这个页面,我在正文上使用了背景图像。我是一名专业的网络开发人员,并且已经这样做了数千次,所以我绝不是初学者。

无论如何,背景图像会显示在 Safari 和 Chrome 中,以及在 Firefox 中进行本地测试时。一旦我上传页面并在线测试,它就不再显示在 Firefox 中(其他浏览器都可以)。

Firebug 告诉我图片加载正常,路径正确。

有人知道这可能是什么原因吗?我想我检查了所有可能的“罪魁祸首”,如前所述,在本地和在线的 Safari 和 Chrome 中一切都很好。

您可以在此处查看该页面: https://ssl.director.dk/clients/pfmb/index.html

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    padding: 0;
    background-image: url('../img/adbg.jpg');
    background-color: #000000;  
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }

请帮忙,因为这快把我逼疯了。

干杯

汉斯

【问题讨论】:

  • 我可以在背景中看到一个人的图像..??是你看不见吗?
  • 在 Mac OS X 上的 Firefox 中为我加载。也许您的缓存中有损坏的图像副本?您可以尝试清空它。
  • 可能不相关,但您的重置 css 文件应该在您的主 css 文件之前加载。你也在你的身体标签 line-height:1.5 上说,但没有指定一个单位,例如时间,像素。
  • 感谢您的回答。是的,这个人在 FF 中失踪了。 Billy Moat:行高被定义为倍数,这就是为什么没有单位——这是故意的。
  • 我只能建议这可能是某种缓存问题。

标签: css firefox background-image


【解决方案1】:

您的<body> 使用此属性呈现:background="img/adbg.jpg"

也许它会覆盖您的 CSS。这会是罪魁祸首吗?

【讨论】:

  • OP 对 Chrome 没有任何问题。这不应该是个问题,但正如你所说,这不是好的风格,所以它可能是个问题...
  • 哦,我翻阅了有关浏览器的部分,谢谢。 (编辑:在 FF 中也适用于我)
  • 感谢您的回答。将背景定义为 html-property 是我的实验之一,这就是它存在的原因。我已经刷新了缓存,但我会再试一次。
  • 我注意到缓存的另一件事是,有时我会刷新它,但由于某种原因它实际上并没有刷新图像......所以我直接导航到图像(在新选项卡)并在那里进行缓存刷新,然后更新它。如果我提供的答案不正确,那么我不知道,但如果您还没有尝试过,请尝试刷新。祝你好运!
猜你喜欢
  • 2010-09-27
  • 1970-01-01
  • 2023-03-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-11
  • 2013-01-07
相关资源
最近更新 更多