css - IE が position:absolute を本来のように表示しないのはなぜですか?

Question

Internet Explorer 9 は、絶対配置要素を正しく表示していません。親は相対的であるため、絶対要素は親 div に対して「絶対」である必要があります。ただし、「固定」動作にかなり近い動作をしています。関連する要素で hasLayout をトリガーしようとすると、すべてがインラインで表示されます。

問題の要素は、地域をクリックしてから国をクリックすると表示される .programs-list div です。

これは、IE のすべてのバージョンで発生します。

事前にどうもありがとうございました。

Answer 1

HTML 構造を分析した後、マップ エリア上にポップアップを保持するためにdiv#main-wrapper、を設定する必要があります。position:relative

CSS

#main-wrapper {
  position: relative;
}