【问题标题】:Jquery tools tooltip misplacedJquery 工具提示错位
【发布时间】:2012-05-17 08:57:39
【问题描述】:

我遇到了 Jquery Tools Tooltip 的问题。 你可以看到:http://www.toulousehoopsummit.com/l-ecole-en-basket

底部的 3 张图片有一个工具提示。 在 IE9 和 FF12 中,右侧的工具提示太多了。 在 Safari 中,它的位置正确。

我必须添加 offset: [0, -450] 修复 IE 和 FF 上的问题,但 Safari 用户现在面临相反的问题。

你知道我为什么会得到这个以及如何解决它吗?

提前致谢。

【问题讨论】:

  • 在 chrome 中它们在左边太多了

标签: html css tooltip jquery-tools


【解决方案1】:

试试CSS Browser Selector - 这已经多次保存了我的项目。

只需将 JS 文件放入,您的 <html> 将添加 css 选择器,例如 .ie .safari3 等,而无需实际调试 jQuery 工具工具提示。

它可以让你根据浏览器版本和操作系统调整你的 CSS。

如果您需要任何帮助,请发表评论!

【讨论】:

  • 即使它是一个 hack 并且我不是这种技巧的真正粉丝,这是唯一可以让它在我的 iPhone 和 iPad 上运行的解决方案。非常感谢!!!
【解决方案2】:

这是一个固定版本: http://pastehtml.com/view/bymzdgvhv.html

这适用于所有浏览器。

【讨论】:

  • 它们对我来说在所有浏览器中都处于准确的位置。
【解决方案3】:

如果你对新想法和一些好看的插件持开放态度,你应该尝试:

TipTip jQuery Plugin

我已经用了一段时间了,它很棒!

希望对你有帮助!

【讨论】:

  • 谢谢,但我无法摆脱 Jquery 工具。
【解决方案4】:

我现在在 iPad 上,所以我无法真正测试这一点。 但是为什么不直接使用 jquery 获取图像的顶部和左侧位置,并将工具提示位置与图像位置相比偏移呢?

【讨论】:

  • 我们为什么不摆脱 jQuery 和它的插件?为什么我们不手动重新编码所有内容?我们为什么不重新发明轮子?来吧...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多