CSSでページの左右両端に画像を配置したい
解決済
20pt
1件
同じ、もしくは異なる２つの画像をページの左右に表示したいと考えています。
真ん中は空白にしておき、左右にだけ画像を表示するイメージです。
CSSで以下のように、同じクラスにそれぞれの画像を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;
}左右に配置した１枚の画像を用意すれば良いのかもしれませんが、CSSで良い感じに指定できたらと思い質問させて頂きます。
css
ベストアンサーに選ばれた回答
CSSファイルに同じクラス名を連続して書いても、後の記述で上書きされてしまいますから無意味です。
CSSはカンマを使って複数の指定をすることができますから、こんな感じでいけると思います。
CSSはカンマを使って複数の指定をすることができますから、こんな感じでいけると思います。
/* 左と右に画像を配置 */
.background{
background: url("/img/left.jpg"),url("/img/right.jpg");
background-position: center left,center right;
}
回答の編集
この質問はすでに終了しているため変更できません
カンマで指定できるのは知りませんでした、ありがとうございます。
みっくん
未解決の質問
| 配列をforeachで取り出すときにエラーになる 50pt |
| htaccessとindex.php(index.html)はどちらが先に読み込まれるのか 10pt |
| PHPでシングルクォーテーションとダブルクォーテーションの違いは何？ 50pt |