3

ここに見られるように、いくつかのデータ属性を使用して作業するためのクールなツールチップがあります:http: //www.frequency-decoder.com/demo/css-tooltips/

ただし、問題は、プロパティを追加した後でも、ツールチップ内のテキストを選択できないことです。

cursor: text;

そのツールチップを選択可能にする方法はありますか?

ありがとう

更新:これも役に立たないようです:

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

値:なし| テキスト| トグル| 要素| 要素| すべて| 継承する

参照:

CSSを使用してテキスト選択の強調表示を無効にする方法は?

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

4

2 に答える 2

1

選択可能にする方法はありません。ヒントは、要素の:hoverにのみ存在する必要があります。ヒント自体の上にマウスを移動するのに苦労しました。

ところで、私はcssからアニメーションを削除することをお勧めします(そして不透明度を1にします)それははるかに良くて反応が良いです。

于 2012-04-18T07:45:15.340 に答える
1

これは、これを行うためのツールチップのようなものではありません。

このようなjQueryで何かを試してみてください(ランダムなグーグル検索:http://jquerytools.org/demos/tooltip/index.html

または、ツールチップスクリプトをまとめたこのWebサイトを ご覧くださいhttp://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

于 2012-04-18T07:56:43.023 に答える