讓你的HTML5&CSS3網(wǎng)站在微軟的瀏覽器中也能運(yùn)行
發(fā)布時(shí)間：2014-03-31 15:47:48 作者：佚名 
我要評(píng)論
我要評(píng)論很多朋友都在想辦法想辦法兼容早期的IE瀏覽器，下面有三種方法能快捷輕松的讓你的HTML5&CSS3網(wǎng)站在微軟的主要瀏覽器中也能神奇的運(yùn)行
起初，IE其實(shí)也是一款非常有進(jìn)取心的瀏覽器。但經(jīng)過(guò)一段時(shí)間的蟄伏后，它已經(jīng)成為了我們生活中的一道障礙。微軟現(xiàn)在又重新開始向其它瀏覽器發(fā)起挑戰(zhàn)，但事實(shí)情況是，新版的現(xiàn)代IE瀏覽器一直滯后于谷歌瀏覽器和火狐瀏覽器。我們還不得不想辦法兼容早期的IE瀏覽器。下面提到的三種方法能快捷輕松的讓你的HTML5&CSS3網(wǎng)站在微軟的主要瀏覽器中也能神奇的運(yùn)行！
htmlshiv.js
Remy開發(fā)的 HTML5shiv 工具能利用JavaScript在老式IE里創(chuàng)建 main ， header ， footer 等HTML5元素。也就是說(shuō)使用JavaScript能創(chuàng)建這些本來(lái)不存在的HTML5新元素。這是什么原理？你可能花幾天也想不明白，但誰(shuí)在意呢！這個(gè)腳本幾乎是所有正式網(wǎng)站必用的js。
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
selectivizr.js
Selectivizr.js 是一款神奇的工具，它能提供大量IE不支持的CSS選擇器和屬性，包括所有的 last-child 選擇器。最近在網(wǎng)站改版過(guò)程中，我使用了selectivizr，網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段：
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現(xiàn)代新技術(shù)WEB項(xiàng)目不可缺少的js庫(kù)。它只會(huì)在老式IE里加載。
<html>條件判斷注釋
你一定見(jiàn)到過(guò)這種極其丑陋的條件判斷注釋。然而，丑雖丑，它卻能讓你的網(wǎng)頁(yè)能按你希望的方式運(yùn)行：
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 lazy " lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
這段代碼不需要JavaScript，不需要等待JavaScript的加載，你定義的CSS樣式會(huì)立即生效起作用，沒(méi)有那種因?yàn)榧虞d延遲而出現(xiàn)的樣式閃變。
雖然IE在奮起直追它的那些競(jìng)爭(zhēng)對(duì)手，但現(xiàn)實(shí)情況是老式的IE瀏覽器仍然相當(dāng)普遍，特別是在那些發(fā)展中國(guó)家。欣慰的是，上面的這些工具在所有瀏覽器里都可以使用。
htmlshiv.js
Remy開發(fā)的 HTML5shiv 工具能利用JavaScript在老式IE里創(chuàng)建 main ， header ， footer 等HTML5元素。也就是說(shuō)使用JavaScript能創(chuàng)建這些本來(lái)不存在的HTML5新元素。這是什么原理？你可能花幾天也想不明白，但誰(shuí)在意呢！這個(gè)腳本幾乎是所有正式網(wǎng)站必用的js。
復(fù)制代碼
代碼如下:<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
selectivizr.js
Selectivizr.js 是一款神奇的工具，它能提供大量IE不支持的CSS選擇器和屬性，包括所有的 last-child 選擇器。最近在網(wǎng)站改版過(guò)程中，我使用了selectivizr，網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段：
復(fù)制代碼
代碼如下:<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現(xiàn)代新技術(shù)WEB項(xiàng)目不可缺少的js庫(kù)。它只會(huì)在老式IE里加載。
<html>條件判斷注釋
你一定見(jiàn)到過(guò)這種極其丑陋的條件判斷注釋。然而，丑雖丑，它卻能讓你的網(wǎng)頁(yè)能按你希望的方式運(yùn)行：
復(fù)制代碼
代碼如下:<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 lazy " lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
這段代碼不需要JavaScript，不需要等待JavaScript的加載，你定義的CSS樣式會(huì)立即生效起作用，沒(méi)有那種因?yàn)榧虞d延遲而出現(xiàn)的樣式閃變。
雖然IE在奮起直追它的那些競(jìng)爭(zhēng)對(duì)手，但現(xiàn)實(shí)情況是老式的IE瀏覽器仍然相當(dāng)普遍，特別是在那些發(fā)展中國(guó)家。欣慰的是，上面的這些工具在所有瀏覽器里都可以使用。
相關(guān)文章
檢測(cè)瀏覽器對(duì)HTML5和CSS3支持度的方法
這篇文章主要介紹了檢測(cè)瀏覽器對(duì)HTML5和CSS3支持度的方法,使用Modernizr來(lái)檢測(cè)瀏覽器對(duì)HTML5和CSS3代碼的兼容程度,需要的朋友可以參考下2015-06-252013年五大主流瀏覽器 HTML5 與 CSS3 兼容性大比拼
這篇文章主要介紹了2013年五大主流瀏覽器 HTML5 和 CSS3 兼容性大比拼,需要的朋友可以參考下2014-11-18IE9beta版本瀏覽器對(duì)HTML5/CSS3的支持
IE9beta版本已經(jīng)發(fā)布幾天了，我也在第一時(shí)間體驗(yàn)了下，但是由于時(shí)間的問(wèn)題，這篇日志一直沒(méi)有發(fā)，嗯，最近比較忙，其實(shí)主要是沒(méi)有大塊大塊的時(shí)間了，然后碎片時(shí)間利用的也2010-12-18- 支持 CSS3 和 HTML5 的瀏覽器越來(lái)越多，甚至包括最新版的 IE，當(dāng)然，所謂支持僅僅是部分支持，因?yàn)?CSS3 和 HTML5 的W3C 規(guī)范都尚未形成。2010-04-01
- FindMeByIP, 檢測(cè)你的瀏覽器是否支持CSS3 和 HTML5.2009-10-31
HTML5 CSS3新的WEB標(biāo)準(zhǔn)和瀏覽器支持
由于是源自筆記，對(duì)每個(gè)條目我只會(huì)列出稱呼和語(yǔ)法特征，暫時(shí)沒(méi)時(shí)間寫詳細(xì)的解釋和可執(zhí)行的示例，但是會(huì)給出相關(guān)的文檔地址，除了列出已經(jīng)支持該特性的瀏覽器，也會(huì)為不支持2009-07-16關(guān)于老式瀏覽器兼容HTML5和CSS3的問(wèn)題
下面小編就為大家?guī)?lái)一篇關(guān)于老式瀏覽器兼容HTML5和CSS3的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-01