« カルピスのスペシャルサイト | ブログ トップ | UNIQLOCKがついにオープン »
全称セレクタにzoomを使うとバグる
以前から導入してみようと思っていたhaslayoutのzoom機能ですが、導入したらいろいろ不具合が起きてきました。
まずはaタグです。ある環境下でaタグのリンク領域がおかしなことになりました。まぁこれはその部分にzoom: normal;といれてやれば回避できたんですが、olのバグに関してはどうにもこうにも回避できませんでした。
症状はというと、ナンバリングリストの番号がすべて1になってしまうというなんとも不可思議な現象です。そこでいろいろ調べてみると自分と同じ症状の人がちらほらいたようで、回避方法も書いてありました。
これで解決！と思いきやこの方法でやると、リスト内の行が2行以上になると最後の行に番号がきてしまう。なので初心に帰りliにzoom: normal;を入れてみるとすべての症状が回避できました。灯台下暗しです。。。
以下がサンプルになります。もちろんIEで見てね
なんとか回避はできたけど、このほかにもいろいろバグがありそうなので、今後は全称セレクタは避ける方向で。。
トラックバック
このエントリーのトラックバックURL:
http://blog.ikesai.com/cgi-bin/mt-tb.cgi/255
この一覧は、次のエントリーを参照しています: 全称セレクタにzoomを使うとバグる:
» hasLayout問題を解決するzoom:1;の落とし穴 送信元 Like@Lunatic
スタイルリセットの段階でzoom:1;を書いてしまうと、IEにおいてfloatが意図しないところでclearされてしまうことがあります。制作チーム全員がこ... [詳しくはこちら]