2010-12-04 2 views
2

私はクロム、SafariやFirefoxで複数の背景画像を作成するには...CSSハック

background:url(menu-bg.png) repeat-x, url(spot.gif) repeat; 
background:url(spot.gif)\0/; 

を使用しています。最後のディレクティブ(\ 0 /はIEのためのものです)は、複数の背景をサポートするブラウザで表示することができますが、IE(少なくともバージョン8以上)で主要な背景画像(spot.gif)を表示できます。それがなければ、IE8は全く背景を表示しません(IE7についてはわかりません)

私はハックを使用する必要はありませんが、今のところうまくいきません。 。それは他のブラウザでは、\ 0を認識/、代わりにそれに先行する複数の背景の最後のディレクティブをレンダリングするために始めることをどのように思われる作業の理由もともと、あるいはハックない

答えて

4

不要ハッキング:?

background:url(spot.gif); 
background:url(menu-bg.png) repeat-x, url(spot.gif) repeat; 

この方法では、ブラウザが2番目の背景宣言を認識すると、最初のものが上書きされます。そうでない場合、2番目の背景宣言は無視されます。

+0

ビンゴ!ありがとう:) –

関連する問題