css背景图像仅在chrome和safari中工作?

css背景图像仅在chrome和safari中工作?,css,background,Css,Background,嘿,伙计们, 我找不到答案 body { background: #fff url('images/years.png') no-repeat top 85%; } 为什么这个背景图片可以在chrome和safari中使用,而不能在firefox和ie中使用? 知道是什么导致了这种行为吗 似乎是背景位置导致了这个错误!前85%的用户使用chrome和safari,但不使用IE和firefox 显然,他们不喜欢紧凑的语法。使用: background-color: #fff; backg

嘿,伙计们, 我找不到答案

body {
    background: #fff url('images/years.png') no-repeat top 85%;
}
为什么这个背景图片可以在chrome和safari中使用,而不能在firefox和ie中使用? 知道是什么导致了这种行为吗


似乎是背景位置导致了这个错误!前85%的用户使用chrome和safari,但不使用IE和firefox

显然,他们不喜欢紧凑的语法。使用:

background-color: #fff; background-image: url('images/years.png'); background-position: top 85%; 背景色:#fff; 背景图片:url('images/years.png'); 背景位置:前85%;
你的背景不符合逻辑。 你应该写
85%top
(X然后Y)。
我知道“top”不能定义X位置,Chrome/Safari可能会解决这个问题,但Firefox/IE不明白。

你能举个例子吗?Firebug对body元素有什么看法?你能给JSFIDLE.net发一个例子吗?问题是Firefox4没有Firebug!IE8 Developertools不显示在我的css中声明的背景图像。不,没有问题,只是不起作用。我会尝试再次下载firefox 3.6如果这不是缓存问题,那么你可能在做一些有点愚蠢的事情。很抱歉我认为你应该编辑你的问题以包含所有相关的代码。这不是原因:)好吧,当然它是有效的:你的语法和问题中的语法都是有效的CSS。除了它不适用于
no repeat
之外,当我不使用紧凑语法时,它现在会出现。然而,背景位置似乎是导致错误的原因。检查我的编辑!奇怪的是,在IE8中使用提供的CSS进行测试似乎可以正常工作,假设图像路径是正确的。顺便说一句,您可以编写
85%0
,其中较短;-)