讓你的HTML5&amp;CSS3網(wǎng)站在微軟的瀏覽器中也能運(yùn)行

2024-07-11 08:31:20

字體：大中小

供稿：網(wǎng)友

起初，IE其實(shí)也是一款非常有進(jìn)取心的瀏覽器。但經(jīng)過一段時(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元素。也就是說使用JavaScript能創(chuàng)建這些本來不存在的HTML5新元素。這是什么原理？你可能花幾天也想不明白，但誰在意呢！這個(gè)腳本幾乎是所有正式網(wǎng)站必用的js。

復(fù)制代碼

代碼如下:

selectivizr.js

Selectivizr.js 是一款神奇的工具，它能提供大量IE不支持的CSS選擇器和屬性，包括所有的 last-child 選擇器。最近在網(wǎng)站改版過程中，我使用了selectivizr，網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段：

復(fù)制代碼

代碼如下:

現(xiàn)代新技術(shù)WEB項(xiàng)目不可缺少的js庫。它只會(huì)在老式IE里加載。
<html>條件判斷注釋

你一定見到過這種極其丑陋的條件判斷注釋。然而，丑雖丑，它卻能讓你的網(wǎng)頁能按你希望的方式運(yùn)行：

復(fù)制代碼

代碼如下:
<!DOCTYPE html>




 <html lang="en">

這段代碼不需要JavaScript，不需要等待JavaScript的加載，你定義的CSS樣式會(huì)立即生效起作用，沒有那種因?yàn)榧虞d延遲而出現(xiàn)的樣式閃變。

雖然IE在奮起直追它的那些競(jìng)爭(zhēng)對(duì)手，但現(xiàn)實(shí)情況是老式的IE瀏覽器仍然相當(dāng)普遍，特別是在那些發(fā)展中國家。欣慰的是，上面的這些工具在所有瀏覽器里都可以使用。

上一篇：CSS自定義select下拉選擇框的樣式(不用其他標(biāo)簽?zāi)M)

下一篇：使用css3背景漸變中的透明度來設(shè)置不同顏色的背景漸變