htmlのimg要素のtitle属性のような挙動

質問

画像をマウスオーバーした時テキストをポップアップさせたいのですが、img要素のtitle属性を使用するとポップアップまでに数秒かかります。
改行の入ったテキストを、即時ポップアップさせるやり方がありましたら教えて下さい。
宜しくお願いいたします。

回答No.2

ORUKA1951 · ベストアンサー

あらかじめテキストを読み込ませておいてtext-indentで隠して、:hoverで表示させれば速いです。いわゆるスプライトをさせるということ。ただIMG要素は内容自体を持ちませんのでcontent(内容の追加が使えませんので<p>要素などに使用すると良いでしょう。

回答No.1

hitomura

残念ながらその動作はブラウザが勝手にやっていることです。
HTML の仕様には 「titie 属性をポップアップ表示させること」とは書いてありません。

即座にポップアップ表示させたいならば JavaScript でやるべきでしょう。
自分はやる意義がないと思っているので具体例はほかの方に任せます。
……というか、カーソルが合ったら即座にポップアップって、ウザいよなぁ……。