代码之家  ›  专栏  ›  技术社区  ›  Kyle

工具提示中的CSS3 WebKit淡入淡出

  •  0
  • Kyle  · 技术社区  · 15 年前

    我刚刚尝试了一个CSS工具提示,它会随着CSS3的转换而逐渐消失。我想要一个工具提示效果,当你悬停一个链接时,工具提示会出现,但只使用css3会淡入淡出。

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

    所以,基本上,我做错了什么/我想做的是可能的吗?(注意,我不想用JS/jQuery做任何事情,只是想看看我是否可以用CSS来做)

    你可以看到和玩它 here .

    2 回复  |  直到 13 年前
        1
  •  1
  •   ajm    15 年前

    你的 span 仍然在 document 流动。

    您可以通过设置 display none ,如上面的注释所示,或设置 position absolute 这似乎是你想要把它隐藏在屏幕左边缘的方法。

        2
  •  2
  •   thecoshman    15 年前

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

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

    编辑:似乎是先将显示设置为“无”,然后将位置设置为“绝对”。
    伊迪丝2:看来我是被打败了。