背景画像を複数指定する
- 0 名前： 萌芽 ： 2004/07/27 16:11
- えーと、背景の画像って通常1つですよね。
それを、右上、右下、左上、左下の4つにしたいのです。
というわけで、こんな物をやってみました。
background-image: url(アドレス);
background-repeat: no-repeat;
background-position: right bottom; ←ココ
background-position: left bottom; ←ココ
background-position: right top; ←ココ
background-position: left top; ←ココ
background-attachment: fixed;
これだと残念ながら普通に左上の指定になりました。
どうすれば、背景画像を複数指定できるでしょうか。
＃できないっていうオチもありそう。
- 1 名前： きーまま ： 2004/07/27 17:54
- 複数の背景を表示するのは無理だと思います。
もしも画像の加工が可能なら、
大き目のサイズにして上下左右端にそれぞれの画像を貼り付けて、
背景を固定するように指定するのはどうでしょうか？
- 2 名前： @ ： 2004/07/27 17:54
- > ＃できないっていうオチもありそう。
オチというか、それが真実（笑）
現行の CSS では、一つのセレクタの中に同じプロパティを何度使っても
意味がありません（後のもので上書きされる）。
他の要素をうまく組み合わせるなり div を増やすなりして工夫して。
- 3 名前： 萌芽 ： 2004/07/27 18:06
- どうも、ありがとうございました。
頑張って今からファイルを加工することとします。
- 4 名前： h_naruaki ： 2004/07/29 11:27
- これって808番スレットのを使えば出来ますよ。
