html - background-size:cover アンカーを左上から右上に変更する

Question

背景全体をカバーする（そしてウィンドウに比例して伸びる）画像を使用して、1ページのWebサイトを作成しています。このために、「background-size: cover;」を使用しています。

ここで、ウィンドウのサイズを最小サイズに変更すると、背景画像がデフォルトの左上隅に固定されているように見えます。

固定位置を右上に変更する方法はありますか?

Answer 1

css コードを次のように変更してみてください。

body
{
   background:#ffffff url('img_tree.png') no-repeat right top;
   margin-right:200px;
}

ここでデモ: http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand