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

時間 2019-11-12

標籤拋棄 css hacks 瀏覽器兼容方案欄目 CSS 简体版

原文原文鏈接

通常狀況下的瀏覽器兼容須要考慮 IE6/7/8 三種 IE 版本，固然在 IE9 開始逐步推向市場後，又會有更多的衍生版本。因此我目前只考慮 IE7~9 版本的兼容狀況。涉及到的條件註釋代碼以下： php

<!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]-->

使用說明以下： css

.test {
    /* 針對非 ie 瀏覽器的樣式 */
}
.ie .test {
    /* 針對全部 ie 版本的樣式 */
}
.ie6 .test {
    /* 針對 ie6 的樣式 */
}
...
.ie9 .test {
    /* 針對 ie9 的樣式 */
}

以前那篇文章裏也有同窗提出經過 PHP 判斷 UA 參數並動態輸出樣式表的方法，這個雖然是簡潔明瞭，但和後端代碼耦合在一塊兒，總以爲不是一回事。何況實際應用中不少狀況下會將頁面模板化，作動態輸出並不很是適合。 html

另外，國內各大雙核高速安全的殼瀏覽器尚未通過測試，這個須要再作了解。後端

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

相關標籤/搜索