zurb-foundation - Foundation (ZURB) 工具提示闪烁

Question

我正在使用 Zurb 的 Foundation（版本 4.3.1）中的内置工具提示。

它们可以工作，但如果您不保持鼠标不动，则工具提示会闪烁。是否有可能阻止闪烁的发生？

我认为发生这种情况是因为工具提示在文本上，并且鼠标在技术上离开文本并快速回到文本上，因此它会闪烁。我该如何防止这种情况？

Answer 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;
}