起初,IE其實也是一款非常有進取心的瀏覽器。但經(jīng)過一段時間的蟄伏后,它已經(jīng)成為了我們生活中的一道障礙。微軟現(xiàn)在又重新開始向其它瀏覽器發(fā)起挑戰(zhàn),但事實情況是,新版的現(xiàn)代IE瀏覽器一直滯后于谷歌瀏覽器和火狐瀏覽器。我們還不得不想辦法兼容早期的IE瀏覽器。下面提到的三種方法能快捷輕松的讓你的HTML5&CSS3網(wǎng)站在微軟的主要瀏覽器中也能神奇的運行!
Remy開發(fā)的HTML5shiv工具能利用JavaScript在老式IE里創(chuàng)建main,header,footer等HTML5元素。也就是說使用JavaScript能創(chuàng)建這些本來不存在的HTML5新元素。這是什么原理?你可能花幾天也想不明白,但誰在意呢!這個腳本幾乎是所有正式網(wǎng)站必用的js。
Selectivizr.js是一款神奇的工具,它能提供大量IE不支持的CSS選擇器和屬性,包括所有的last-child選擇器。最近在網(wǎng)站改版過程中,我使用了selectivizr,網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段:
你一定見到過這種極其丑陋的條件判斷注釋。然而,丑雖丑,它卻能讓你的網(wǎng)頁能按你希望的方式運行:
這段代碼不需要JavaScript,不需要等待JavaScript的加載,你定義的CSS樣式會立即生效起作用,沒有那種因為加載延遲而出現(xiàn)的樣式閃變。
雖然IE在奮起直追它的那些競爭對手,但現(xiàn)實情況是老式的IE瀏覽器仍然相當普遍,特別是在那些發(fā)展中國家。欣慰的是,上面的這些工具在所有瀏覽器里都可以使用。