【问题标题】:Bootstrap tooltip makes element flicker引导工具提示使元素闪烁
【发布时间】:2016-09-06 22:00:37
【问题描述】:

在我的应用程序中,我使用引导工具提示,但每当我将鼠标悬停在使用工具提示的按钮上时,我的一个元素就会开始闪烁。什么可能导致此问题?

这就是我创建工具提示的方式:

$('[data-toggle="tooltip"]').tooltip({placement:"auto"});

这是一个例子https://jsfiddle.net/oLkuat84/10/

【问题讨论】:

    标签: twitter-bootstrap-3 twitter-bootstrap-tooltip


    【解决方案1】:

    这似乎是一个浏览器问题。您的 JS 在 OSX->Firefox 和 OSX->Chrome 上没有闪烁,但在 OSX->Safari 中有可怕的红色/蓝色闪烁(蓝色从何而来?)

    您可以通过从style-switcher-btn-3 类中删除topleft 属性来隔离问题。

    据我所知:Safari 正在重新渲染两个固定位置的项目(工具提示和style-switcher-btn-3),这会导致闪烁。我不知道蓝色是从哪里来的。

    如果可能,请尝试使该按钮分组不是position:fixed

    【讨论】:

    • 这很奇怪,我在 Chrome 中有这个问题,但在 Firefox 或 IE 中没有。
    猜你喜欢
    • 2011-10-15
    • 2012-09-13
    • 2016-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-09
    相关资源
    最近更新 更多