1
私はCSS3で複数の背景画像を配置する方法を理解しようとしています。私はそんなにうまくやっていない。ページの上部、ページの中央、ページの下部にイメージを配置する方法を教えてください。説明のために100ピクセル×100ピクセルのブロックを使用しましょう。私はそれらをトップに沿って位置付けることしかできない。複数の背景画像CSS3を使用
CSS
body {
background-image:
url(../images/red.png),
url(../images/blue.png),
url(../images/yellow.png);
background-position: left top, center top, right top;
background-repeat: no-repeat;
}
は、私は彼ら左上、左中央、その後、左下をしたいです。
ありがとうございました
私はすべての3つがトップに沿うようにしたくありません。私はそれらを左上、左中央、次に左下に置いてほしい。 – Ibanez
ああ、申し訳ありませんが、私はあなたがすべての3つのトップを持っていた原因を逃した。 「中央右ノーリピート」は中央に配置されますが、画像のベースラインを使用します。私は自分の投稿を編集します。 – Bradmage
「#centerIMG」を変更するだけでいいです。コードはdivを中心にして、画像を中心にして、例のように余白を「マイナス(半分の画像の高さ)」に設定します。 – Bradmage