Проблема с отображением QTip2 в Internet Explorer 9 Режим Quirks

Question

Я работаю над плагином для браузера, который включает в себя инъекцию некоторой разметки на страницу, а затем отображение подсказки QTip2, когда мышь зависает над этой разметкой.

Все работает отлично в Firefox (44), Chrome (48) и Internet Explorer (тестирование с версией 9 в Windows Vista) - если IE не находится в режиме «quirks».

Поскольку плагин может (потенциально) активироваться на странице любой странице, вполне вероятно, что когда-нибудь кто-то вызовет его при использовании Internet Explorer на веб-странице, которая запускает IE в режим Quirks. Поэтому я действительно хочу попытаться найти решение проблем, которые у меня есть.

У меня есть две «демонстрационные» страницы (JSFiddle не очень жизнеспособен с IE в режиме Quirks, поэтому они размещены в другом месте).

Первый работает точно так, как ожидалось, хотя он вызывает IE в режиме Quirks. Другими словами, он демонстрирует результат, над которым я работаю, хотя и с упрощенной версией моей «реальной» конфигурации (странный макет отражает страницу, которую я тестирую на моем веб-сервере локальной сети). Наведите курсор на кнопки, чтобы отобразить всплывающую подсказку.

Working tooltip page

Второй точно отражает проблемы у меня возникают с моей QTip2 на основе плагина. Когда появляются всплывающие подсказки, они криво, плавая высоко над кнопками:

Problem page

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

Answer 1

Кажется, что значение position.viewport отвечает за перекоса:

position: 
{ 
    viewport: $(window), 
... 
} 

Изменение значения от $ (окно) к истинным (в разделе Notes документации для position.viewport) дает более удовлетворительный результат.