2011-06-27 18 views
2

私のアプリケーションに少し奇妙な問題があります。イメージがありますイメージタグのタイトル属性は機能していませんか?

<img title="New (Alt+N)" alt="New (Alt+N)" src="images/icon_new.gif" tabindex="-1" id="Ax14490_image"> 

このコードは、withfirebugでドキュメントを検査しています。

正しく表示されていますが、タイトルはその画像のマウスオーバー時に表示されません。誰でもこの文脈で私を助けることができます。

私はfirefox 4.0ブラウザを使用しています。

+1

それは私のために働いています...(例:http://jsfiddle.net/VbTxV/)...おそらくあなたはそれをブロックしているJavaScriptを持っています – Teneff

+0

スクリプトでタイトル属性をブロックできますか? – Maddy

答えて

5

が、私は同じ問題などを抱えていた。

しかし、ここでは両方のALTとタイトルタグの正しい使い方に便利なガイドです元のポスターで説明されています。私の場合、これが原因であることが判明しました。

私のレイアウトには、横に2つのdivオブジェクトが配置されていました。 1つは左側に、もう1つは右側にあります。左側のdivは100%の幅を持つように設定されていましたが、内容が内部のパディングのためにそのスペースのすべてをカバーしていませんでした。右側のdivにはマウスイベントが発生していないimgが含まれていました(「タイトル」属性は機能しませんでしたが、onMouseOverとonMouseOutも機能しませんでした)。

これはzオーダーのためです。左のdivオブジェクトによってマウスイベントが処理されました。これは、ブラウザウィンドウ全体が100%幅で囲まれているためです。左のdivは「絶対」の「位置」属性を持っていたので、合法的にz値を設定できたので、z値を「-1」に設定しました。これで問題は解決しました。

0

あまりにもこれは私にとって最初で

<img src="images/icon_new.gif" title="New (Alt+N)" tabindex="-1" id="Ax14490_image"> 

SRCタグを働いている...これを試してみてくださいLate..But。 ありがとう

関連する問題