Question

简而言之，问题在于：

在Opera或Firefox中点击“总拥有成本”会按预期显示页面顶部的弹出窗口。但是，在IE中（在版本6和8中测试），它出现在页面的底部。

这是我使用的CSS和JS。

我认为CSS中存在问题，但我无法确定哪里 - 我从来都不关心IE的兼容性。

Answer 1

快速解决方法在#tcocontainer div元素的样式表中，chnage：

position: fixed;

为：

position: absolute;

IE不能很好地处理固定位置。即使用户滚动窗口，您也将失去弹出窗口保持在视图中的行为，但可用性不会受到影响。如果你真的想在其他浏览器中保持固定位置，那么你可以使用条件注释为IE创建一个单独的样式规则，只有位置：绝对;

<!--[if IE ]>
    <style> #tcocontainer { position: absolute; } </style>
<![endif]-->