右下に背景画像を配置するにはどうすればよいですか？

私は自分のウェブサイトに背景画像として設定された500x500ピクセルの画像を持っています（背景画像は<body>です）。しかし、この画像はウェブページの右下に表示されている必要があります。どうすればこれを達成できますか？（CSS方式でより良い）右下に背景画像を配置するにはどうすればよいですか？

ありがとう。

出典

2011-10-11 Ilja

Voilla：

body { 
    background-color: #000; /*Default bg, similar to the background's base color*/ 
    background-image: url("bg.png"); 
    background-position: right bottom; /*Positioning*/ 
    background-repeat: no-repeat; /*Prevent showing multiple background images*/ 
}

背景特性一つ背景プロパティで、一緒に組み合わせることができます。また参照：https://developer.mozilla.org/en/CSS/background-position

出典

2011-10-11 16:57:50

Thnx、今日は静かに助けてくれました）） – Ilja

背景画像が画面の高さよりも高いときには... – Legionar

@Legionar Chrome 43＆Firefox 38で動作します。 –

は、あなたのようなものを試してみました：

body {background: url('[url to your image]') no-repeat right bottom;}

出典

2011-10-11 16:57:58 markt

これはそれを行う必要があります。より正確に位置決めするため

<style> 
body { 
    background:url(bg.jpg) fixed no-repeat bottom right; 
} 
</style>

http://www.w3schools.com/cssref/pr_background-position.asp

出典

2011-10-11 17:00:37

を：

 background-position: bottom 5px right 7px;

出典

2015-11-22 11:02:52 Arthur

ピクセルを介した「ドッキングポイント」に対する背景画像の微調整 –

右下に背景画像を配置するにはどうすればよいですか？

答えて

関連する問題