9 月 28, 2007 @ 2:11:08
class属性に複数の値を指定する際のバグ一覧
便利なことにclass属性には複数の値を設定することが可能です。ただ、例によってブラウザによってはバグがあるので注意が必要。下にまとめてみました。
・そもそもNN4.x、IE4.0には対応していない。
・Win IE(5.0、5.5、6.0)では複数のclass属性を使うセレクタでは最後のclass属性のみ適用される。※これらはともにスタンドアローン版での報告。
・Mac IE5.0では子要素に 指定した値が親要素に反映してしまう。さらに似た名前のclass名(abc、abcdeなど)を指定するとなぜか共に反映してしまう。←天才!!
・ 一部のJavaScriptのライブラリを使うときに、スタイルシートが半角スペースで区切っていくつも指定できる、というルールを考慮していないものがあり、その際不具合が出る。
ちなみにFirefox、OperaやIE7.0などのモダンブラウザは問題なく動作するようです。
参考サイト
複数のclassをセレクタに指定した際のIEのバグ:hamashun.com
複数のクラス名を付けた時のmac ie5のCSSに関するバグ:Melanges
Filed under コーディング パーマリンク · No Comments »


