Zurb foundation 基础(ZURB)工具提示闪烁 我在Zurb的基础(4.4.1)中使用了内置工具提示。

Zurb foundation 基础(ZURB)工具提示闪烁 我在Zurb的基础(4.4.1)中使用了内置工具提示。,zurb-foundation,tooltip,Zurb Foundation,Tooltip,它们可以工作,但如果不保持鼠标静止,工具提示将闪烁。有可能阻止闪烁的发生吗 我假设这是因为工具提示在文本上,鼠标从技术上离开文本,很快回到文本上,所以它会闪烁。如何防止这种情况发生?我能够解决我的问题,这可能会帮助其他人 问题是光标没有停留在文本上,从而导致闪烁 我添加了一个与我的背景颜色相同的背景,加了一点填充,解决了这个问题 我使用的CSS: .has-tip { background: rgba(208,208,208,0.1); /* Color of background. A

它们可以工作,但如果不保持鼠标静止,工具提示将闪烁。有可能阻止闪烁的发生吗


我假设这是因为工具提示在文本上,鼠标从技术上离开文本,很快回到文本上,所以它会闪烁。如何防止这种情况发生?

我能够解决我的问题,这可能会帮助其他人

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

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

我使用的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;
}

我能够解决我的问题,这可能会帮助其他人

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

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

我使用的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;
}

也许您可以考虑一种方法将其添加到core。@Lynda哪里定义了.tip类?你把它添加到你的SCSS还是在基础文件中?@ MattCAMP,我不使用SCS,只是香草CSS,我在样式表中添加了样式,因此它覆盖了基础样式。您可能想在上寻求更具体的帮助。我也经历过这种情况,发现如果has tip与tip元素太接近,则当元素被覆盖/不重复时会发生闪烁。将tip从触发元素5-10px处移开似乎可以解决这个问题。也许您可以考虑一种方法将其添加到core。@Lynda。tip类在哪里定义?你把它添加到你的SCSS还是在基础文件中?@ MattCAMP,我不使用SCS,只是香草CSS,我在样式表中添加了样式,因此它覆盖了基础样式。您可能想在上寻求更具体的帮助。我也经历过这种情况,发现如果has tip与tip元素太接近,则当元素被覆盖/不重复时会发生闪烁。将尖端从触发元件5-10px处移开似乎可以将其固定。