背景图片的CSS属性无法在FireFox上工作

我有一个网页，我想在页面的右下角显示背景图片。为此，我有以下代码：背景图片的CSS属性无法在FireFox上工作

body 
{ 
    background-image:url('img_tree.png'); 
    background-repeat:no-repeat; 
    background-position:bottom right; 
}

此代码在IE中正常工作。但在FireFox中，图像显示在右上角。

请建议。

问候 - 阿希什

2009-08-23 Vini

不要把里面的东西：url（...）放在引号中。正如下面的海报所指出的，只是url（img_tree.png）;是适当的。 – 2009-08-23 10:16:47

@silky引号是可选的 - 我会说这是很好的做法，把它们放在 – Greg 2009-08-23 10:24:28

它是可选的，只* *如果文件名包含空格，所以'url（img_tree.png）'很好，但'url（'img tree.png'）'需要引号。除此之外？要尽可能去，去麻将。 =） – 2009-08-23 13:17:20

html, body { height:100%; } 

body { 
    background:url(img_tree.png) no-repeat bottom right; 
}

我认为这只是你的心不是页面占用了全视口的高度，这对身体/ HTML 100％的高度一样。

2009-08-23 10:15:40

位置现在是固定的，但是现在图像有点过低（显示垂直滚动条）。您可以看到下面的屏幕截图（请参阅右下角） http://i32.tinypic.com/2rf6a8o.jpg – Vini 2009-08-24 03:04:39

请您提供完整的源代码/演示页面吗？ – 2009-08-24 04:31:22

滚动条是由于一些非零的默认填充或边距。 'html，body {height：100％;填充：0;保证金：0; }'应该这样做。 – user1556435 2015-02-22 21:30:28

我通常只是用

背景：网址（img_tree.png）右下不重复;

这在IE和Firefox中正常工作

2009-08-23 10:18:39 jzp74

回答