HP上で画像にツールチップを表示させない方法

ＷＥＢ上で画像にポインターを乗せると説明分のツールチップが表示されます・・・

普通画像にはａｌｔ属性を使って＜img src="画像アドレス" alt="ここに説明文"＞の様に記述します。
※　このブログではａｌｔ属性が使用出来ないみたいなのでｔｉｔｌｅ属性を使用してます。

　　　　

それはなぜ必要かと云えば、下の図のように画像が表示されない場合に説明分がその個所に表示される訳です。

　　　　

---

しかし、万が一画像が表示されない場合には、この説明文が表示されるが、

　　　　　　ポインターを置いた時にはツールチップを表示させたくない場合には如何すればのか・・・

• ａｌｔ属性に“説明文”とｔｉｔｌｅ属性を“空白”にしてを書き込めば良い訳です

　　　　＜img src="画像アドレス" alt="我が家でとれた枇杷です" title=""＞

　　　　このように記述すれば

　　　　　　　　画像がない時には⇒　

　　　　　　　　画像があっても⇒　

同時に記述されてる場合には、ｔｉｌｅ属性の方が優先に判断されるからなのです。

• 最後に、ＩＥ以外のブラウザでもツールチップを表示させるには

　　　　＜img src="画像アドレス" alt="我が家でとれた枇杷です" title="我が家でとれた枇杷です"＞

　　　　と両方に記述しておけば大丈夫です。



今日の小技は如何でしたか？