Internet Explorerでネガティブマージン(maring-top: -10px等)を指定した際に、その部分が消えてしまう場合の対象方法の備忘録です。
例えば、「bordre: 1px solid #000; margin-top:-5px」の場合は、上側のボーダーが消えてしまう場合、などです。
(1)
単に重なりあいの問題なら、z-indexを追加する。
(2)
その要素に「position:relative;」を追加する。
(3)
それでもダメなら、「zoom: 1」を追加してhasLayoutをtrueにする。
※hasLayoutについてはウノウラボのこちらの記事などを参考にしてください。
Thoughts on IEでネガティブマージンをした際にボーダー等が消えてしまうときの対処方法