CSS3 webkit 在工具提示中淡出

Question

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

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

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

你可以看到并玩它 这里.

Answer 1

您的 span 仍在 document 流动。

您可以通过设置其将其删除 display 至 none, ，正如上面的评论所建议的，或设置 position 至 absolute, ，这似乎是您将其隐藏在屏幕左边缘的地方。

Answer 2

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

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

编辑：看来不如将显示设置为无，只需将位置设置为绝对。
编辑2：看来我是被打败了。