【问题标题】:css background image only working in chrome and safari?css 背景图像仅适用于 chrome 和 safari?
【发布时间】:2011-03-01 04:29:13
【问题描述】:

大家好, 我找不到答案。

body {
    background: #fff url('images/years.png') no-repeat top 85%;
}

为什么这个背景图片在 chrome 和 safari 中有效,但在 Firefox 和 ie 中无效? 知道什么会导致这种行为吗?

似乎背景位置导致了这个错误!前 85% 的人在 chrome 和 safari 中工作,但不在 IE 和 firefox 中!

【问题讨论】:

  • 你能举个例子吗? Firebug 对 body 元素有什么看法?
  • 你能在 jsfiddle.net 上发布一个例子吗?
  • 问题是firefox 4没有firebug! IE8 Developertools 不显示在我的 css 中声明的背景图像。
  • 不,没有问题,只是不起作用。我会尝试再次下载firefox 3.6
  • 如果不是缓存问题,您可能做的有点傻。对不起!我认为您应该编辑您的问题以包含所有相关代码。

标签: css background


【解决方案1】:

您的背景位置不合逻辑。 你应该写85% top(X 然后 Y)。 我知道“顶部”不能定义 X 位置,Chrome/Safari 可能会解决这个问题,但 Firefox/IE 不理解。

【讨论】:

  • 好奇,在 IE8 中使用提供的 CSS 进行测试似乎可以正常工作,假设图像路径是正确的。
  • 顺便说一句,你可以写85% 0 更短;-)
【解决方案2】:

显然他们不喜欢简洁的语法。使用:

背景颜色:#fff; 背景图像: url('images/years.png'); 背景位置:前 85%;

【讨论】:

  • 这不是原因:)
  • 嗯,当然可以:你的语法和问题中的语法都是有效的 CSS。
  • 除非不适用no-repeat
  • 当我不使用紧凑语法时,它现在确实出现了。但是,背景位置似乎以某种方式导致了该错误。检查我的编辑!
猜你喜欢
  • 1970-01-01
  • 2013-01-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-04
  • 1970-01-01
  • 2013-05-18
  • 2023-03-26
相关资源
最近更新 更多