IE6 Модальное окно Проблема - PullRequest
Новая
       19

IE6 Модальное окно Проблема

0 голосов
/ 14 июня 2011

У меня странная (и, вероятно, очевидная) проблема с модальным окном в 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; }

Функция jQuery, которая добавляет этот div, выглядит следующим образом: 

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-адресом, но сайт предназначен для клиента и защищен паролем.

Приветствия!

Ответы [ 2 ]

2 голосов
/ 14 июня 2011

Насколько я знаю, IE6 не поддерживает position: fixed.

Здесь - альтернативный способ получить тот же эффект.

1 голос
/ 14 июня 2011

Согласно это :

Проблема в том, что самый популярный браузер - Internet Explorer для Windows - не понимает его и вместо того, чтобы вернуться в положение: абсолютный;что было бы лучше, чем ничего, он возвращается в положение: статический;как указано в стандарте CSS.

Можно ли вместо этого использовать абсолютное позиционирование?

...