- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：IE8 フォーカス＆クリック時の点線について）
IE8の画像クリック時の点線について
このQ&Aのポイント
- IE8の動作で困っております。Pタグ内の画像にリンクを貼り、その画像をクリックした時のクリックの点線が、IE8のみ画像の下側の点線が表示されません。
- Pタグをとると、下側にも点線が表示されるのですが、仕様上、Pタグは必要となります。またIE6、IE7、FF3.5は、Pタグの有無に関係なく下側のリンク点線は正常に表示されます。
- 解決方法をご存じの方ご教示くださいませ。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
どういう理屈かわかりませんが、DTDを「XHTML 1.0 Strict」に変更したら解消されました。 <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html lang='ja' xml:lang='ja' xmlns='http://www.w3.org/1999/xhtml'> 不思議ですね…。
その他の回答 (1)
- salonpath
- ベストアンサー率48% (194/399)
回答No.1
毎度おなじみインターネットエクスプロラーって感じですけど なんだこれ、気持ち悪いなぁ ちょっと試してみてとりあえず3つ、IE8しか確認してません。 aにdisplay:inline-table;かdisplay:inline-block;（隙間消える） それかimgにvertical-align:top;（画像の下に隙間がある）
質問者
お礼
ご回答ありがとうござます。 毎度ですが、IEにはいつも悩まされますね。 早速ご回答の3つを試してみました。 3つとも問題なくクリックの点線は表示されました！ 3つ目は画像の下に余白ができるので今回は見送りですが…。 ご回答をヒントに色々と試したら、 imgに vertical-align:text-bottom; でもクリック点線は表示されました。
お礼
ご回答ありがとうございます。 ご回答のとおり「XHTML 1.0 Strict」にすれば解消されますね。 そのままだと画像下に余白ができるので、 img に vertical-align:text-bottom; で余白がとれました。 いつもはDreamweaverでTransitionalのマークアップをしているので、 Strictの勉強も必要ですかね。。 その他、解決方法をご存じの方はご教示くださいませ。