如果你看過之前發(fā)在芒果小站的《CSS 忍者：安全的 CSS hacks 秘籍 》這篇文章，應(yīng)該基本清楚了通過 IE 條件注釋替代 CSS Hacks 的技巧。最近考慮在項目中實際應(yīng)用這個方案。
一般情況下的瀏覽器兼容需要考慮 IE6/7/8 三種 IE 版本，當(dāng)然在 IE9 開始逐步推向市場后，又會有更多的衍生版本。所以我目前只考慮 IE7~9 版本的兼容情況。涉及到的條件注釋代碼如下：
<!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6"><![endif]--><!--[if IE 7 ]><html class="ie ie7"><![endif]--><!--[if IE 8 ]><html class="ie ie8"><![endif]--><!--[if IE 9 ]><html class="ie ie9"><![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->
使用說明如下：
.test { /* 針對非 ie 瀏覽器的樣式 */}.ie .test { /* 針對所有 ie 版本的樣式 */}.ie6 .test { /* 針對 ie6 的樣式 */}....ie9 .test { /* 針對 ie9 的樣式 */}之前那篇文章里也有同學(xué)提出通過 PHP 判斷 UA 參數(shù)并動態(tài)輸出樣式表的方法，這個雖然是簡潔明了，但和后端代碼耦合在一起，總覺得不是一回事。況且實際應(yīng)用中很多情況下會將頁面模板化，做動態(tài)輸出并不非常適合。
另外，國內(nèi)各大雙核高速安全的殼瀏覽器還沒有經(jīng)過測試，這個需要再做了解。
上一篇 《一日一
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請聯(lián)系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權(quán)所有
