拋棄 CSS Hacks 後的瀏覽器兼容方案

一般情況下的瀏覽器兼容需要考慮 IE6/7/8 三種 IE 版本,當然在 IE9 開始逐步推向市場後,又會有更多的衍生版本。所以我目前只考慮 IE7~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 的樣式 */
}

之前那篇文章裏也有同學提出通過 PHP 判斷 UA 參數並動態輸出樣式表的方法,這個雖然是簡潔明瞭,但和後端代碼耦合在一起,總覺得不是一回事。況且實際應用中很多情況下會將頁面模板化,做動態輸出並不非常適合。

另外,國內各大雙核高速安全的殼瀏覽器還沒有經過測試,這個需要再做了解。

原文:http://www.mangguo.org/after-abandoning-css-hacks-browser-compatible-solution/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章