画像にマウスポインタを載せた際に、代替文字がツールチップに表示されるのを防ぐ方法をご紹介いたします。 タイポグラフィーなど、代替文字をツールチップに表示させると煩く感じてしまう場合に活用できます。
IEは、alt属性値に指定された文字列も、title属性値に指定された文字列も、どちらもツールチップに表示します。
しかし、alt属性とtitle属性が両方指定されている場合には、title属性が優先され、alt属性は考慮されなくなります。
ですから、title属性を記述して属性値を空(カラ)にすれば、(alt属性に値が記述されていても)ツールチップは表示されなくなります。
IE以外でも、画像にツールチップを表示させたい場合は、title属性を記述して属性値に文字列を指定すれば、IE以外のブラウザでも(画像の上にマウスポインタを載せた際に)ツールチップを表示させることができます。
※少なくとも、Firefox・Safari・Opera・Google Chromeではツールチップに表示されます
猫の手 高室(たかむろ) |