4

asp.net MVC3を使用していて、コースに関する情報を含むテーブルを表示したいのですが、画像を表示する「情報」というフィールドがあります。その画像にマウスを合わせたときにツールチップを表示したい

私はこれのような画像を示しています:

<img id="ok" src="../../Images/info.jpg" alt="tooltip"/>

追加したプラグインを使いたくない

誰かがこれで私を助けることができますか?

4

2 に答える 2

9

Htmlタグtitleと同様に使用alt

<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/>
于 2012-05-18T13:22:00.317 に答える
4

altimg要素の属性は、画像が存在しない場合の代替テキストとして使用されます。一部のブラウザでは、画像にカーソルを合わせるとこれらがツールのヒントとして表示されますが、標準ではありません。

このtitle属性を使用して、画像のホバー時にツールチップを表示できます。

画像を使用するときは常にalt属性を指定する必要があります。これはアクセシビリティ(スクリーンリーダーがaltテキストを読む)に最適であり、属性がないとXHTMLに失敗します。

于 2012-05-18T13:25:33.403 に答える