IEでツールチップ内を改行する。
今日気づいた小ネタ。
画像の代替テキストとしてalt属性、補助的な説明を加えるのにtitle属性を使用する。たまたまtitle属性の途中で改行したままIE6でプレビューすると・・・ツールチップが改行されていた。こんな感じ↓
title内でそのまま改行。
<p><img src="hoge.gif" alt="サンプル画像" title="titleのツールチップを
改行できるみたい。" /></p>
もしくは改行コードを入れて、こんな感じとか。
<p><img src="hoge.gif" alt="サンプル画像" title="titleのツールチップを 改行できるみたい。" /></p>
気になったので各ブラウザで検証してみた。
・IE6では改行される。IE7(standalone版)でも改行される。
・Firefoxでは半角の空白が入るだけで改行はされない。
・NNでは改行部分が文字化け・・・。
・OperaではFFと同じく改行部分に半角の空白が入る。
うむ。IEだけの特殊な解釈らしい。。。(´・ω・`)ガッカリ・・・
alt内で改行してもtitleがなければ同じような表示になる。
ちなみにソース内で改行する代わりに、改行コード「 」とか入れてもIEだと同じく改行されて表示される模様。その他のブラウザについては上記の通り使えない・・・。
<< ロリポップのエラーページ設定が簡単に。 | Ajaxでポップアップ >>
トラックバック
このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/75
コメント (2)
前に外注のお仕事で使ったら、「変な記号が入ってるので消しておいてください」と言われました。(´;ω;`)
それ以来、仕事では使ってません…。どうなんでしょうね。
投稿者: あやーん | 2006年12月07日 23:46
>あやーんさん、こんばんわ。
うん。ブラウザによって文字化けする時点で私的には「仕事には使えない」認定です・・・。NN捨てていいよーみたいな案件ならいいと思うんですが、まぁ捨てていいと言われる事はないですわな・・・。
でも、たまにこうやって偶然見つけたブラウザの独自解釈ネタって結構楽しかったりします(w
たいがいIE限定だったりしてあまり使えないんだけど・・・。
投稿者: Red | 2006年12月08日 20:25