CSS/IE7でのz-indexについて komacchi.com/blogcssの話。 今さら感すごいがz-indexではまった罠。 今までz-indexプロパティを使用しないマークアップを心がけていたため あまり意識していなかったのだが、どうしてもデザイン上、クライアントの都合上 z-indexで要素の重なりを指定し、わざと隠したような状態にせねばならなくなりまして。 実は先日までのデスマーチ中におこった話で、自分たちもそこで認識していたものの この問題を優先順位を後回しにできたため、改めて検証。 どういうことかと言うと。 z-indexプロパティはdivなどのブロックレベル要素でボックスを入れ子にした時に、 positionプロパティでstatic以外の値が指定されている場合、 それぞれの要素はレイヤー状に重なっているため、 親要素の幅や高さに関係なく、好きな所に配置出来る。・・・本来ならば。 しかしながらIE7だけz-indexが効いていなかったわけで。
