このところ、YouTube、がIE6のサポートを段階的に廃止したり、Digg が IE6 のサポートを7月に終了したりと、IE6に対する風当たりが厳しい。
そんな中 IE6 No More というキャンペーンが開始されたので、当サイトでも参加してみました。
IE6 で dogmap.jp を見ると画面上部にブラウザのアップグレードを促すメッセージが表示されます。
まだ IE6 をお使いの方は、ブラウザのアップグレードをご検討くださいませ。
ちなみに Google Analytics による統計では、ここ1ヶ月の当サイトの訪問者が利用している主なブラウザは以下のとおりです。
続きを読む
IE が独自に実装しているプロパティ hasLayout。
これが false の時にレイアウト崩れを起こすバグは多々あります。
このバグを回避するために CSS で * {zoom:1;} とかって指定して強引に全要素の hasLayout プロパティを true にしてしまうハックは、広く知られています。
（参照：IEでのCSSのバグを回避するhasLayout | コリス）
しかし、この hasLayout プロパティ、実は true の時にもバグを引き起こすことがあるのです。
しかも、凶悪なことに <ul>, <ol> 要素の hasLayout が true の時、リストマーカーが消えてしまうと言うバグ。 👿
(参照：hasLayoutプロパティがtrueで発生するバグ – Webtech Walker)
で、実は Quick Comments Ver.0.5.1 をリリースしたときにみなみさんに指摘されたのですが、IE でリストマーカーの数字が消える不具合が発覚しました。
これは、jQuery で <ol> 要素を操作する際に、お節介にも jQuery が CSS に zoom:1 をセットしてしまい、結果として hasLayout プロパティが true になってしまうために発生した不具合でした。
とりあえず、回避策として CSS の zoom プロパティを保持しておいて、 IE の場合のみ <ol> 要素の操作終了後、元に戻すようにしてあげました。
IE のお陰で本質的でない所で、頭を悩ませられるのは疲れますね。