質問: cssの重なり順って指定できますでしょうか?(画像です) 現在cssをコツコツと勉強中なのですが、壁にぶつかってしまいました・・・。 cssで背景画像を指定したのですが、これらの画像の重なり合う順番って構うことは出来ますでしょうか? 例えばですが、右に犬小屋の画像、左に犬の画像がありcssで背景として重なり合わせた場合、犬小屋の上に犬が乗っかるようにしたいのです。(物凄い例ですのでcssを使わなかったらとは言わないで下さいね) サイトをウロウロとしていたところ、zインデックスという存在を知ったのですが、使い方がよく分からないというか、これで指定できるものなのでしょうか? 当たり前の質問で申し訳ないのですが、ご存知に方がおられましたらアドバイスいただけたら幸いです。 宜しくお願いいたします。
回答: z-index:0; これが基点(基準)になります。 この指定に対して -1、-2 と負の数を与えた要素は基点より背面に、 この指定に対して 1、2 と正の数を与えた要素は基点より前面に表示されます。 ですから、例えば犬小屋の背景画像を使う css に z-index:0; を与えて、 犬には z-index:1; を与えれば犬小屋の上に犬が重なる、という事になります。 当然、犬の方を -1 とした場合は犬小屋の下に犬が潜る形になります。