css - CSS3 webkit 淡出工具提示

Question

我刚刚尝试了一个 CSS 工具提示，它会随着 CSS3 的过渡而淡入。我想要一个工具提示效果，当您悬停链接时，工具提示会出现，但仅使用 CSS3 会淡入淡出。

我已经让它工作到一定程度，但由于某种原因，当我将鼠标悬停在它应该在的位置时，它会激活，即使它最初是定位的left:-999px;。

所以基本上，我做错了什么/我想要的可能是什么？（注意我不想用 JS/JQuery 做任何事情，只是想看看我是否可以用 CSS 做）

score 2 · Accepted Answer

您需要将工具提示设置为甚至不正常显示。

#one a.tooltip span {
//display:block;
display:none; 
....
}

编辑：似乎与其将显示设置为无，不如将位置设置为绝对。
Edit2：看来我被打败了。

score 1 · Accepted Answer

你span的还在document流中。

正如上面的评论所暗示的，您可以通过将其设置为display来删除它，或者将其设置为，这似乎是您将其隐藏在屏幕左边缘的原因。nonepositionabsolute

2 回答 2