基础(ZURB)工具提示闪烁

时间:2013-09-05 20:16:27

标签: zurb-foundation tooltip

我正在使用Zurb内置的基础工具提示(版本4.3.1)。

它们可以正常工作但是如果你不保持鼠标仍然工具提示会闪烁。是否有可能阻止闪烁发生?

我认为这种情况正在发生,因为工具提示是在文本上,鼠标在技术上脱离文本并快速返回文本,因此它会闪烁。我该如何防止这种情况?

1 个答案:

答案 0 :(得分:1)

我能够解决我的问题,这可能有助于其他人。

问题是光标没有停留在文本上,从而导致闪烁。

我添加了一个与我的背景颜色相同的背景和一点填充,它解决了这个问题。

我使用的CSS:

.has-tip {
    background: rgba(208,208,208,0.1); /* Color of background. Also
           I am using RGBA because my background has a pattern thus 
           I lower the opacity of the background to show the pattern. */
    padding:3px;
}