三、IE 注釋
<!--[if IE]>IE only<![endif]--> <!--[if !IE]>NOT IE<![endif]-->
這種寫法的優(yōu)缺點是:
- 優(yōu)點:安全;向后兼容好;易維護
- 缺點:用不好會增加HTTP請求;用得好代碼又多
四、瀏覽器探測:JS/后端程序判斷
// 以jQuery為例,檢測是否是IE6,是則加上class="ie6" if ($.browser.msie && $.browser.version = 6 ){ $('div').addClass('ie6'); }
這種寫法的優(yōu)缺點是:
- 優(yōu)點:全面;易維護;可讀性高
- 缺點:占資源;代碼量大(要重寫選擇器)
上面4種是我們最常用的方法,F(xiàn)在,讓我們抽出心里存著的那3個原則,看看如何選擇。要時間思考一下么?這里簡單地說一下我的選擇:
1、盡量使用單獨HACK
這樣維護起來成本比較低,改動不會影響其他的瀏覽器,而一旦有瀏覽器淘汰,只要搜索關(guān)鍵字,就可以批量去掉這些代碼。比如,ie6的單獨hack:
_padding:6px;;
2、向后兼容的目標:1年
你想現(xiàn)在的網(wǎng)站兼容IE10么,誰不想,但這可預見性太低了,也可以說,成本太高了。暫時沒必要。不過,IE9可能要發(fā)布了,所以,選擇像
padding:8px\0;
這樣的IE8+的hack,在刪掉其他代碼不影響向后兼容上,會更好;并且,如果IE10出來,一旦支持這個hack,而又沒有這個bug,可能刪掉只影響2個瀏覽器,也會更方便;
3、盡可能省資源
你要是不考慮頁面加載速度,不考慮服務(wù)器承受能力的話,那在向后兼容和淘汰的處理上可以做得很完美(從代碼上),但這從某種程度上,不如不做。
出處:Alipay UED
責任編輯:bluehearts
上一頁 說說CSS Hack 和向后兼容 [1] 下一頁 說說CSS Hack 和向后兼容 [3]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|