Question

我刚刚尝试使用CSS工具提示，该工具提示随着CSS3的转换而消失。我想要一个工具提示效果，当你悬停一个链接时，工具提示会出现，但只使用CSS3就会消失。

我已经达到了一定程度，但出于某种原因，当我将鼠标悬停在原来的位置时，它会激活，即使它最初位于left:-999px;。

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

您可以查看并使用它here。

Answer 1

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

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

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

Answer 2

您的span仍然在document流程中。

您可以将display设置为none，如上面的评论所示，或将其position设置为absolute，这似乎与您的相似得到它隐藏它在屏幕的左边缘。