画像タグでtitle属性をポップアップさせるのに問題があります。問題のページはhttp://design.wildsandwebdesign.co.uk/technical/using-delphi-with-mysql-1.phpにあります。タイトルとalt属性にテキストが含まれる4つの画像があります。Firefox 19.0.2、またはWinXPで実行されているChromeまたはOperaではポップアップが表示されませんが、IE8ではポップアップ表示されます（おっと！）。W3Cバリデーターは、ページがクリーンであると言います。
私のサイトには、画像のtitle属性が機能するページが他にもたくさんありますが、同じ問題がいくつかあります。画像のz-indexを上げてみましたが、うまくいきませんでした。ページに3]の画像がある場合に発生するようですが、3つまたは4つの画像が機能する他のページがあります。私はそれを理解することができません。
p要素が画像に重なっているからです
タグからwidthとpositionプロパティを削除し、代わりにとを使用してください。pmarginpadding
pこれは、要素が画像に重なっているため、画像がホバーされているように見えないためです。
最初の画像の左端の数ピクセルにカーソルを合わせると、ツールチップが表示されます。
はい、あなたが自分の質問に答えていないことは知っていますが、最終的には自分で答えを見つけました.いくつかの答えが要点を逃したことに少しがっかりしています. はい、テキストが「画像の前」にあることは明らかでした。率直に言って、それは当たり前のことだと思っていました。私の間違い。しかし、ここに問題があります。ブラウザーは、この構造を認識したときに、次のテキストを画像の右または左の横に配置する必要があることを認識し、それを行います。それでも、それが画像の横にあるという事実を無視し、ツールチップが表示されないようにします. ブラウザはカーソルがどこにあるかも知っているか、そもそもこれを行うことができませんでした。
おそらくこれは、W3C がブラウザがインライン画像を熟考せずに処理する方法を定義したことに起因します。しかし、最終的に「なぜ」それが起こっているのかを理解すると、答えを見つけるのは簡単でした. 自分でやらなければならなかったのに。
ジム