background-positionのプロパティについて

Question

HTMLで、backgroundの処理をしたいです。
background-repeat; repeat-y;
はしっかり反映されるのですが、

以下は反映されません。
background-position: 10px ;
式が間違っているか教えてください。

以下のようにstyle
body {
color: #333333;
margin:10px ;
background-image: url("../images/bg2.png");
background-position: 10px ;
}

![![イメージ説明]WIDTH:600]WIDTH:600

Answer 1

Google Chromeのデベロッパーツール等でbackground-positionのチェックをON/OFFした場合、背景の見た目はどうでしょうか？

あと、可能ならそのページそのものを拝見したいです。

Comments

[MasayaGoto]

ありがとうございます。少し前進しました。微妙に全体塗りの場所が変わりました。ちなみにこの写真自体は、アイコンの大きさで、全体に塗るのではなく一部にちょっと出したいのです。全体にrepeatされているみたいです。一部の場所に出すという形は難しいのでしょうか。

[SaoTan]

background-repeat:no-repeat;
でどうですか？

[SaoTan]

あ、一部ということはたとえば左側だけ下方向にリピートさせたい、とかですかね？
background-repeat:no-repeat; だとアイコン1つ分だけになってしまいます…

[MasayaGoto]

ありがとうございます。background-repeat:no-repeatが必要でした。

Answer 2

background-position: 10px 0px; 

としたらどうでしょうか?

Comments

[MasayaGoto]

かわりませんでした。