jquery - IE6模态窗口问题

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

任何帮助将不胜感激；我很想分享 URL，但该网站是为客户提供的，并且受密码保护。

干杯!

Answer 1

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

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