IE8バグ？：a要素内に画像があってa要素に背景を指定した時に位置がずれる
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。 IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ？表示がおかしい...」って事に遭遇してしまったので、エントリー。 よくある感じで、リストのマーカー変わりに背景の指定をa要素にして、そのリスト内には画像テキストが入ってたんです。はい。 毎度のようにサンプルも用意してみました。 サンプルを見る 発生条件は調べた感じa要素内にimg要素があって、a要素にbackgroundプロパティの指定をした時に起こる感じです。 img要素にテキストが隣接してても同様でした。 サンプルみたいなデザインの場合、マーカー部分も一緒に切ってしまう事が多いから過去の案件は大丈夫だと思うけど・・・ 取りあえず、今回のサンプルに使ったソースは以下です。 <ul> <li
IE8が互換表示になりバグと誤解するのを回避する方法 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Craig Buckler氏はSitePointにおいてHow to Fix Randomly Disappearing Absolutely-Positioned Elements in IEのタイトルのもと、IE8でローカルサーバのコンテンツを参照している場合にのみ発生する奇妙はバグがあることを伝えていた。同氏はAre You Sure You’re Testing IE8? How to Avoid Triggering Compatibility Viewで、例の問題はIE8がイントラネットにおいて互換表示をデフォルトにしていることが原因だったと説明。互換表示が有効になるケースと、それを無効にする方法をまとめている。 IE8の互換モードに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE8でスタイルシートが有効にならない
