背景画像のCSSプロパティがFireFoxで機能しない

ページの右下に背景画像を表示するWebページがあります。私は次のコードを持っています：背景画像の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）;適切である。 –

@silky引用符は省略可能です - これを入れるのは良い方法です。 – Greg

オプションです。ファイル名にスペースが含まれる場合は*必須*のみですので、 'url（img_tree.png）'は問題ありませんが、 'url（ 'img tree.png '） 'は引用符が必要です。それ以外？ To-may-to、to-mah-to。 =） –

html, body { height:100%; } 

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

は、私はそれがあなたのページありえないが、ボディ/ htmlの上の100％の高さがない完全なビューポートの高さを、取っていることだけだと思います。 URL（img_tree.png）右下のノー繰り返し;：

2009-08-23 10:15:40

位置は固定されましたが、画像は少し下がります（縦スクロールバーを表示）。以下のスクリーンショットを見ることができます（右下参照） http://i32.tinypic.com/2rf6a8o.jpg – Vini

完全なソースコード/デモページを提供してください。 –

スクロールバーは、ゼロ以外のデフォルトのパディングまたは余白があるためです。 'html、body {height：100％;パディング：0;マージン：0; } 'はトリックを行う必要があります。 – user1556435

私は通常ちょうど

背景を使用します

これはIEとFirefoxでうまく動作します

2009-08-23 10:18:39 jzp74

答えて