(HTML,CSS,JavaScript)画像にツールチップを表示させない方法IEで画像を表示させると、画像の上にマウスを載せただけで「代替文字」がツールチップとして表示されます。これは画像によっては煩く感じられることがあります。代替文字をツールチップに表示させない方法をご紹介。文宏ホームページ作成ガイド代替文字は代替以外の用途にも使われるウェブページ上に画像を掲載する場合は、何らかの事情で画像が読み込まれなかった場合のために、「代替文字」を記述しておけるようになっています。以下のように記述します。alt="代替文字">この「代替文字」の用途は、画像が表示されなかった場合に、画像の代わりとして表示させるものです。Explorerでは、画像が表示されている状態でも、マウスポインタを画像の上に載せると、ツールチップで代替文字が表示されます。上記のような写真の場合は、代替文字がツールチップで表示されても、特に問題にはならないでしょう。※むしろ便利だと思われるかもしれません。代替文字がツールチップに表示されるのはIE独自の機能です。多くの環境で同様に見せたい場合は、最初から(キャプションなどとして)文字を表示させておくか、もしくは後述のtitle要素を使う方が良いでしょう。ツールチップを煩く感じる場合もある以下のような画像の場合はどうでしょうか。News」と描かれたタイポグラフィーです。上記の画像は、以下のようなHTMLソースで表示させたものです。代替文字(alt属性の値)に「ニュース」という文字列を指定しています。alt="ニュース">このソースをIEで表示させ、マウスを載せると下図のように見えます。画像化された「ニュース(News)」という文字の上に、さらに「ニュース」という代替文字がツールチップで表示されています。このような表示は、少々煩く感じてしまわないでしょうか。いって、代替文字を省略してはダメ代替文字(alt属性に記述した文字列)は、画像が表示されなかった場合に、画像の代わりに表示される文字列です。省略せずに記述しておく必要があります。※デザイン目的だけで掲載している画像など、特別な意味のない画像であれば、省略(=属性値をカラに)しても問題ありません。画像が問題なく表示されている状態では、代替文字がツールチップで表示されると、煩く感じてしまうこともあります。代替文字をツールチップに表示させなくするそこで、代替文字を指定していても、ツールチップには表示されなくする記述方法を使ってみましょう。詳しい記述方法は次のページで。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。