IE6模态窗口问题

时间:2011-06-14 15:51:33

标签: jquery css internet-explorer-6 position modal-dialog

我在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);

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

干杯!

2 个答案:

答案 0 :(得分:2)

据我所知,IE6不支持position: fixed

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

答案 1 :(得分:1)

根据this

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

您可以使用绝对定位吗?