2011-10-25 6 views
1

私はウェブサイトを作っていますが、バックグラウンドポジションのプロパティに問題があります。身体 - バックグラウンド位置:センターが機能しないi。エクスプローラ

{

background-color: Black; 

background-image: url(images/background_ui.png); 

background-repeat: no-repeat; 

background-position: top,center; 

background-attachment: scroll; 

}

あなたはそれがトップで見ることができるように、センター:ここに私のCSSコードです。それはクロムでは大丈夫ですが、8では背景が水平に中央に出ません。ちなみに、ブラウザで指定されたCSSコードを書くためのタグを知っていますか?おかげさまで

+0

...、それは次のようになります:インスタンスの上からあなたのCSSは、次のようになることができます '背景位置:トップcenter' –

+0

それは動作しますが、ありがとうございます。 – user956661

+0

あなたが気にしないなら、私は正しく答えるでしょうし、同じ問題を抱えているかもしれない他のユーザーのための正しい答えとしてそれを受け入れることができます。 –

答えて

0

あなたの構文が正しくない可能性があります。

位置は、上または中央のいずれかにする必要があります。 Chromeで動作し、IEでは動作しないという事実は、デフォルトではクロムがそれを中心にしているようだからです。

私は、これはあなたを助けるかもしれないと思う:

{ 
background-position-x: 50%; 
background-position-y: 0%; 
} 

はEDIT:イオアニスKaradimasも右です。カンマを忘れてしまった場合、あなたの望む効果が得られます。私はまだクロスブラウザーの驚きを避けるためにxyの配置を使用していますが。

+0

"background-position-x"は既知のCSSプロパティではありません。しかし、Karadimasの答えが働いている。 – user956661

3

私はコンマが正しいとは思わない、それは:background position: top centerである必要があります。一般に、background-positionまたはbackgroundのようなCSS合成ルールの値は、コンマで区切られた値を持ちません。代わりに、1つ以上のスペースで区切られます。私はカンマが正しいとは思わない

background: black url(images/background_ui.png) no-repeat scroll top center; 
関連する問題