Internet Explorer 9 Quirks 模式中的 QTip2 显示问题

Question

我正在开发一个浏览器插件，该插件涉及将一些标记注入页面，然后在鼠标悬停在该标记上时显示 QTip2 工具提示。

在 Firefox (44)、Chrome (48) 和 Internet Explorer（在 Windows Vista 上测试版本 9）中一切正常 - 除非 IE 处于“怪癖模式”。

因为该插件可以（可能）在任何页面上激活，很可能在某个时间、某个地方，当在将 IE 踢入 Quirks 模式的网页上使用 Internet Explorer 时，有人会调用它。所以我真的很想想办法解决我遇到的问题。

我有两个“演示”页面（JSFiddle 在 Quirks 模式下无法使用 IE，因此它们托管在其他地方）。

第一个完全按预期工作，即使它使 IE 进入 Quirks 模式。换句话说，它展示了我正在努力实现的结果，尽管使用的是我的“真实”配置的简化版本（奇怪的布局反映了我在我的 LAN Web 服务器上测试的页面）。将鼠标悬停在按钮上以显示工具提示。

Working tooltip page

第二个问题与我在使用基于 QTip2 的插件时遇到的问题密切相关。当工具提示出现时，它们是未对齐的，漂浮在按钮上方：

Problem page

我不知道是什么导致了这个问题，我不知道如何解决它，所以我们将不胜感激地接受任何建议。

Answer 1

似乎 position.viewport 值是造成错位的原因：

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

将值从 $(window) 更改为 true（根据 position.viewport 文档的注释部分）可以得到更令人满意的结果。