css - 为什么IE不显示位置:absolute like it's supposed to?

Question

Internet Explorer 9 无法正确显示绝对定位的元素。父级是相对的，所以绝对元素相对于父级div应该是“绝对”的。但是，它的行为更接近“固定”行为。当我尝试在相关元素上触发 hasLayout 时，它会显示内联的所有内容。

有问题的元素是 .programs-list div，它会在您点击一个地区然后点击一个国家时出现。

这发生在所有版本的 IE 中。

非常感谢您。

Answer 1

在分析完您的 HTML 结构后，您需要使用 position:relative 设置您的 div#main-wrapper 以使弹出窗口保持在 map 区域。

CSS

#main-wrapper {
  position: relative;
}