CSS Hacksを廃棄したブラウザ互換スキーム

1747 ワード

一般的なブラウザ互換性は、IE 6/7/8の3つのIEバージョンを考慮する必要があります.もちろん、IE 9が徐々に市場に進出し始めた後、より多くの派生バージョンがあります.だから私は今IE 7~9バージョンの互換性しか考えていません.関連する条件注記コードは次のとおりです.
<!DOCTYPE html>

<!--[if lt IE 7 ]><html><![endif]-->

<!--[if IE 7 ]><html><![endif]-->

<!--[if IE 8 ]><html><![endif]-->

<!--[if IE 9 ]><html><![endif]-->

<!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->

使用方法の説明は次のとおりです.
.test {

    /*     ie        */

}

.ie .test {

    /*      ie       */

}

.ie6 .test {

    /*    ie6     */

}

...

.ie9 .test {

    /*    ie9     */

}

以前の記事でも、UAパラメータをPHPで判断してスタイルシートを動的に出力する方法を提案した同級生がいましたが、これは簡潔明瞭ですが、バックエンドコードと結合しているので、なんだか別物のようです.また,実際の応用ではページをテンプレート化することが多く,動的出力にはあまり適していない.
また、国内の各デュアルコアの高速で安全なシェルブラウザはまだテストされていないので、これはさらに理解する必要があります.
原文:http://www.mangguo.org/after-abandoning-css-hacks-browser-compatible-solution/