2012-02-21 15 views
1

私は2つの画像でbody要素のスタイルを設定しようとしています。Safariで複数の背景画像casusesエラー

background: url(bg2.png) repeat-x, url(bg1.png) repeat; 

問題は、Safariは、それが上記のコードで指定される最後の画像ファイルを見つけることができませんどのように不満、コンソールにエラーを生成することです。

背景画像が正しく表示されます。

これがなぜ発生しているのかについてのご意見はありますか?

+0

最初に両方のURL(同じ行)を入れてみて、別の行に他のプロパティを入れてみましたか?私は間違っている可能性がありますが、複数の背景が特定の構文に従っていますか、そうではありませんか? – Yisela

+0

ええ、構文は少しばかりですが、Chromeはコードについて不平を言っていません。 Safariのバグやいくつかの回避策があると思っただけです。 – Xavio

+0

私は、複数の背景のサファリバグに関するコメントを見つけることができません...それはしばらくそれによってサポートされています。http://caniuse.com/multibackgrounds – Yisela

答えて

1

背景の代わりに背景イメージを使用してみましたか?

+1

' background-image' *および* 'background-repeat'です。 – BoltClock

+0

私は 'background-image'を使用しましたが、効果はありません。 – SaurabhLP

+1

' background'ショートカットを 'background-image'、' background-repeat'、 'background-position'に壊してSafariのバージョン間で問題を解決しました。 –

2

上記の質問に答えるには、構文が正しくありません。

body{ 
background-image: url("../img/logo.jpg"), url("../img/background.png"); 
background-repeat:no-repeat, repeat-y; 
background-position: right 30px, right top; 
background-attachment:fixed, scroll; 
background-color:#ffffff; 
color:#000000; 
} 

注:最初のイメージのスタック順序は最も高くなります。

今、複数の背景画像に関する私の質問です。私のエラーログを確認すると、私は上記の背景イメージのエラーに気付きました。私は無用に絶対URLを使用してこれを修正しようとしました。私はこれらの404がIEの古いバージョンによって引き起こされていると仮定することができます。誰もが複数の背景画像を使用していると、エラーログにこれが記録されます。