2011-10-26 76 views
4

我使用CSS3來顯示文本的懸停提示:CSS設置元素位置到鼠標位置上的事件

.tooltip { 
    position:absolute; /* don't push other text out of the way */ 
    visibility:hidden; 
} 
.f:hover .tooltip { 
    visibility:visible; 
} 

這是正常的,但如果文本塊大它看起來有點奇怪把它懸停在一個地方,讓工具提示出現在另一個地方。有沒有一種方法,不使用JavasScript(我知道它是帶有JavaScript的Cakewalk),使元素顯示在鼠標所在的位置,它首先將文本懸停在哪裏?類似(概念示例):

.f:hover:before .tooltip { 
    top:mouse-y; 
    right:mouse-x; 
} 

回答

5

沒有javascript沒有辦法。 CSS將不允許您針對鼠標光標對元素進行樣式設置。