東京都新宿区のWeb制作会社 - ウェブラボ株式会社

スタッフブログ

IE8の不具合と解決方法 第1回

2009.06.30 Posted by

2009年3月19日にリリースされた正式版IE8。いくつか不具合報告があるようです。
私が見つけた不具合とその解決策を紹介していきたいと思います。
【画像置換において】

■画面1

上記のような画像置換を用いたリンクがあります。
このリンクの近くに「div」で囲んだ画像を配置します。

■画面2

そうすると画像置換がIE8だけ効かなくなります。画像置換だけでなくリンクも無効になってしまいます。

これは「div」に対して何もスタイルが設定されていない場合に起こります。

と「div」に対する何らかのスタイルを設定するか、
もしくは、あらゆる要素に適用されるユニバーサルセレクタ

を設定しておくのもよいでしょう。

■画面3
サンプルHTMLファイル

※注意
ユニバーサルセレクタを後々追加する場合は、意図しない部分までスタイルが変わる恐れがあるためお勧めしません。後々追加する場合は「div」に対する設定か、「div」にクラス名をつけそのクラスに対してスタイルを設定することをお勧めします。

ユニバーサルセレクは新規にサイトを制作する際に一番最初にCSSに設定すると便利です。ブラウザごとにスタイルのデフォルト値が異なるため、それをリセットするため良く用いられます。

オリエンシートダウンロード

採用サイト 絶対に外せない5つのチェックポイント

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278