個人開発者をサポートするQ&Aツール

個人開発者・フリーランスエンジニア・リモートプログラマの
問題解決をサポートするサービスです

登録不要ですぐに質問を開始できます

CSSでページの左右両端に画像を配置したい

解決済 20pt 1件

同じ、もしくは異なる2つの画像をページの左右に表示したいと考えています。
真ん中は空白にしておき、左右にだけ画像を表示するイメージです。

CSSで以下のように、同じクラスにそれぞれの画像を2回指定したみましたが、上書きされてしまいうまく動きませんでした。

/* left.jpgを左に配置したい */
.background{
    background: url("/img/left.jpg");
    background-position: center left;
}

/* right.jpgを右に配置したい */
.background{
    background: url("/img/right.jpg");
    background-position: center right;
}

左右に配置した1枚の画像を用意すれば良いのかもしれませんが、CSSで良い感じに指定できたらと思い質問させて頂きます。
css
ベストアンサーに選ばれた回答
CSSファイルに同じクラス名を連続して書いても、後の記述で上書きされてしまいますから無意味です。

CSSはカンマを使って複数の指定をすることができますから、こんな感じでいけると思います。
/* 左と右に画像を配置 */
.background{
    background: url("/img/left.jpg"),url("/img/right.jpg");
    background-position: center left,center right;
}

回答の編集

この質問はすでに終了しているため変更できません

カンマで指定できるのは知りませんでした、ありがとうございます。

みっくんのプロフィール画像 みっくん

回答

この質問はすでに終了しているため、回答できません