Question

我在IE6中的模态窗口有一个奇怪的（可能很明显的）问题，适用于Firefox和Safari等;窗口设置为position: fixed，并且意味着居中，但实际上它显示在页面的最底部，一些东西，推到左边。

我的CSS在这里：

#overlay { 
position: fixed; 
z-index: 550; 
top: 50%; 
left: 50%;
height: 474px;
width: 500px;
padding: 20px;
margin: -247px 0 0 -270px;
background: #fff;
border: 1px solid #CCC; }

添加此div的jQuery函数如下：

var style = '<div id="overlay"><div id="youtube-player"><a href="#" class="close-overlay">&nbsp;</a><p id="overlay-preload">Loading</p></div></div><div id="modal-background"></div>';

        $('body').append(style);

非常感谢任何帮助;我很乐意分享这个网址，但网站是针对客户端的，并且受密码保护。

干杯！

Answer 1

据我所知，IE6不支持position: fixed。

Here是另一种获得相同效果的方法。

Answer 2

根据this：

问题是最受欢迎的问题浏览器 - Internet Explorer for Windows - 不理解它，并且而不是恢复到位置：绝对;哪个会好过没有，它恢复到位置：静态的;由CSS指定标准。

您可以使用绝对定位吗？

IE6模态窗口问题

2 个答案: