簡単なツールチップを追加したいのですが、これが合理的な方法なのか、それとももっと簡単で良い方法があるのか知りたいです。サンプルは次のとおりです: http://jsfiddle.net/trestles/yU3KM/
基本的に、相対的に配置された画像に絶対的に配置されたテキストを配置しています。問題の画像サイズに合わせてサイズを調整しました。
私はフルタイムのフロントエンド開発者ではなく、ほとんどのツール ヒントが不足しているように見えました。少なくとも私はこれをカスタマイズできます。
どうも
アプローチとして、これは理にかなっており、さまざまなブラウザがtitle属性からツールチップを実行する方法の奇妙な違いを回避します。
ただし、特定のコードでは、ホバーごとに新しいマークアップを作成し、それを非表示にするだけなので、DOMは実際には、非表示のままのツールチップの多数のコピーで文字化されています。
hidden（'。bubble'）et alよりも.remove（'。bubble'）を使用する方が良いでしょう。
さらに良いのは、display：noneを使用してページの読み込み時にバブルを書き込み、マウスオーバー/出力関数を使用してhide（）とshow（）を切り替えることです。
これは問題なく、そのようなタスクを達成するためのかなり標準的な方法です。z-indexページ上の他の要素の上に維持するために、CSS プロパティを追加する必要がある場合があります。状況をより複雑にするのは、ツールチップのためにホバーしたいアイテムの場所に依存できない場合です。その時点に到達したら、ホバーされている要素の位置を取得して、ツールチップの配置を動的に作成する必要があります。