IE7以下でz-indexが効かない

ある別々の親要素を持つ子孫要素にz-indexが指定されている場合、IE7以下ではz-indexが指定されている要素を優先せず効かないという現象が発生します。

【HTML】

【CSS】

この不具合(バグ)はz-indexが指定されている要素の先祖要素がそれぞれ兄弟要素となる要素にz-indexを指定することで解消できます。

【CSS】