【问题标题】:CSS only tooltips, doesn't work in Chrome 12.0.742.30 dev仅 CSS 工具提示,在 Chrome 12.0.742.30 开发版中不起作用
【发布时间】:2011-05-11 00:48:48
【问题描述】:

我目前正在研究这种仅使用 CSS 工具提示的方式:

http://downloads.sixrevisions.com/css-tooltips/index.html

其工作方式是将工具提示移到屏幕外边距左侧,然后在工具提示目标悬停时将其移到屏幕上。

该方法在 FF、IE 和 Safari 中运行良好,但工具提示在 Chrome 中不显示。

当我将鼠标悬停在工具提示目标上时,当我签入开发人员工具时,margin-left 不会改变。

有人知道这是否可以修改为在 Chrome 中工作?

更新:此错误仅在 Chrome 12.0.742.30 开发版中出现。

【问题讨论】:

  • 上面发布的链接在 Chrome 中有效,因此您的代码显然有问题。看到其中一些可能会有所帮助。
  • 它在我使用的 Chrome 中不起作用 - 版本 12.0.742.30。
  • 我使用的是 11.0.696.65,还没有下载测试版,所以无法真正测试。我不会试图让产品在 beta 版本中工作,我会告诉产品开发人员他们破坏了旧功能并让他们修复它。
  • 好的,谢谢 - 不知道我有开发版本。 :)

标签: css google-chrome


【解决方案1】:

您可以通过不使用margin-left 来实现这些工具提示来完全避免该问题。尝试改用display:nonedisplay:block。这样,元素就不必移动了 - 只是它的可见性发生了变化。

【讨论】:

    猜你喜欢
    • 2013-08-24
    • 2018-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-17
    • 1970-01-01
    • 2012-04-05
    • 2018-06-29
    相关资源
    最近更新 更多