mania-ku

何か作りたいプログラマ未満。

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

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

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

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

のときになるようです。

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

Pocket
LINEで送る