z-indexとposition:relativeの関係 « Peacemanの腹痛記

今日はハマッタ。 z-indexを指定してるのに指定したボックスが上に来ない。 イライラしながらあーでもない、こーでもないとCSSを書き換えていたのだが、ぐぐってみると「親要素にposition:relativeを指定している場合、z-indexが効かない」ということが判明した。 理屈があーだこーだ書いてあったが、そんなのは当然読む気もせず、ただただひたすらイラついた。 position:relativeなんて使わなければいいのだが、どうしても使わなくてはいけない理由があったので、更にいろいろ調べたり書き換えた結果、なんかよくわからんができた。 たぶん、下にもってきたいボックスのpositionをabsoluteにしたことで実現できたのだろう。 しかし、おかげでいろいろと書き直さなければいけない箇所が出てきてしまったが、やりたいことはできたので一安心。 それもこれも、変なデザインでHPを作

[toshi3221]

posision指定していると効かないそうな