2012-04-18 51 views
3

我有一個很酷的工具提示使用一些數據來工作的屬性在這裏看到: http://www.frequency-decoder.com/demo/css-tooltips/使內容屬性的文本的可選

但問題是工具提示中的文本是不可選的,即使我添加屬性:

cursor: text; 

任何想法如何使該工具提示可選?

感謝

UPDATE: 這似乎並沒有幫助或者:

-webkit-touch-callout: all; 
-webkit-user-select: all; 
-khtml-user-select: all; 
-moz-user-select: all; 
-ms-user-select: all; 
user-select: all; 

值:無|文字|切換|元素|元素|全部|繼承

編號:

How to disable text selection highlighting using CSS?

http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select

回答

1

這不是這樣的工具提示。

嘗試一些與jQuery這一個 像(隨機谷歌搜索:http://jquerytools.org/demos/tooltip/index.html

或者看看這個網站與工具提示腳本 http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

+0

非常感謝替代品。這是最接近我可以獲得數據屬性:http://www.red-team-design.com/easy-css3-jquery-tooltips – swan 2012-04-18 10:43:06

+0

是的,這是不錯的選擇。 – Scriptor 2012-04-18 10:46:59

1

有沒有辦法讓它選擇。提示必須僅存在於:元素的懸停上。我很難將鼠標移到提示本身上。

btw我建議從CSS中刪除動畫(並使不透明度:1)它更好,更敏感。

+0

感謝建議的彙編。我同意並刪除這些動畫 – swan 2012-04-18 10:43:29