【js】IE7のバグ？動的要素を表示・非表示にする際に要素が重なる

Tweet

Pocket

IE7で、JavaScriptを使って動的に要素を表示・非表示して、要素が重なるという対処法がよくわからない状況に遭遇したので、解決法をシェアします。

どうやら、こちらで言っているものと同じ現象な模様。

• 外側（親）の要素に背景があり、hasLayout=false
• 内側（子）の要素がposition:relative＆hasLayout=true
• 内側の要素の高さが変化する（表示非表示やアコーディオンの開閉などで）

のときになるようです。

hasLayoutとは？はこちらをどうぞ。