CSSでページの左右両端に画像を配置したい
解決済
20pt
1件
同じ、もしくは異なる2つの画像をページの左右に表示したいと考えています。
真ん中は空白にしておき、左右にだけ画像を表示するイメージです。
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; }
左右に配置した1枚の画像を用意すれば良いのかもしれませんが、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 |