всплывающее окно с использованием jquery не работает в IE

Question

Короче говоря, проблема проявляется здесь:

http://mybgagent.com/offer_detailss.php?offers_id=4810

При нажатии «Общая стоимость владения» в Opera или Firefox открывается всплывающее окно в верхней части страницы.как и ожидалось.Однако в IE (проверено в версиях 6 и 8) он отображается внизу страницы.

Вот CSS и JS, которые я использую.

http://mybgagent.com/tcocalc.css http://mybgagent.com/tcocalc.js

Я думаю, что проблема в CSS, но я не могу точно сказать, где - я никогда не заботился о совместимости с IE.

Answer 1

Быстрое исправление в вашей таблице стилей для элемента div #tcocontainer, chnage:

position: fixed;

to:

position: absolute;

IE не очень хорошо обрабатывает фиксированные позиции.Вы потеряете поведение, когда всплывающее окно остается на виду, даже когда пользователь прокручивает окно, но удобство использования не должно пострадать.Если вы действительно хотите сохранить фиксированную позицию в других браузерах, вы можете использовать условные комментарии, чтобы создать отдельное правило стиля для IE только с позицией: absolute;

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