全称セレクタにzoomを使うとバグる

以前から導入してみようと思っていたhaslayoutのzoom機能ですが、導入したらいろいろ不具合が起きてきました。
まずはaタグです。ある環境下でaタグのリンク領域がおかしなことになりました。まぁこれはその部分にzoom: normal;といれてやれば回避できたんですが、olのバグに関してはどうにもこうにも回避できませんでした。 症状はというと、ナンバリングリストの番号がすべて1になってしまうというなんとも不可思議な現象です。そこでいろいろ調べてみると自分と同じ症状の人がちらほらいたようで、回避方法も書いてありました。
これで解決!と思いきやこの方法でやると、リスト内の行が2行以上になると最後の行に番号がきてしまう。なので初心に帰りliにzoom: normal;を入れてみるとすべての症状が回避できました。灯台下暗しです。。。

以下がサンプルになります。もちろんIEで見てね

»zoomによるolのバグ サンプル1

»zoomによるolのバグ サンプル2

»zoomによるolのバグ サンプル3

なんとか回避はできたけど、このほかにもいろいろバグがありそうなので、今後は全称セレクタは避ける方向で。。

»TRANS – * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です