css - CSS: 背景位置: ???;

Question

願わくば、これらの図が私が求めているものを説明してくれることを願っています。赤は背景、グレーは Web ページを表します。

違う

右

どうすればこれを達成できますか? 私は試してみましbackground-position: bottom right;たが、それはすべて間違っています。

Answer 1

background-position: right bottom; 

トリックを行う必要があります。

参考：CSS background-position プロパティ

xpos ypos - 最初の値は水平位置で、2 番目の値は垂直位置です。左上隅は 0 0 です。単位はピクセル (0px 0px) またはその他の CSS 単位です。1 つの値のみを指定すると、もう 1 つの値は 50% になります。% と位置を混在させることができます

Answer 2

私にとってはうまくいきます：

body
{ 
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right; 
}

また、画像が十分に大きい場合、繰り返しなしは必要ありません。(IE6 でも動作します)。

Answer 3

background-position: bottom right実際にあなたが説明することをするべきです。

ドキュメントではなくビューポートの右下に画像を貼り付けたい場合は、を追加する必要がありますbackground-attachment: fixed。IEだと問題ありますが、本体/html背景で使う場合は問題ありません。

Answer 4

多分あなたは忘れた

background-position: absolute