web-dev-qa-db-ja.com

マウスオーバーでツールチップまたはアイテム情報を表示するにはどうすればよいですか?

私は5つのuserImageを1つの画面に表示しています。userIDemailmouseoverをそれらのuserImageに表示したいのですが、altを使用しましたイメージコントロールのプロパティですが、mozila、chrome、およびIEの一部のバージョンでは機能しません。では、マウスオーバーで情報を表示する他のより良い方法は何ですか?

53
nectar

title属性を使用しますが、altはSEOにとって重要です。

67
Sarfraz

ほとんどのブラウザでツールチップを取得する最も簡単な方法は、 title属性 にテキストを設定することです。

例えば。

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />

(マウスを画像の上に置く):

猫http://www.imagechicken.com/uploads/1275939952008633500.jpg

タイトル属性は、ほとんどのHTML要素に適用できます。

29
adrianbanks

title属性 は、ほとんどのHTMLタグで機能し、最新のブラウザーで広くサポートされています。

9
Asaph