如何讓HTML5和CSS3網(wǎng)站在微軟的瀏覽器中也能運行-創(chuàng)新互聯(lián)
這篇文章給大家介紹如何讓HTML5和CSS3網(wǎng)站在微軟的瀏覽器中也能運行，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
起初，IE其實也是一款非常有進取心的瀏覽器。但經(jīng)過一段時間的蟄伏后，它已經(jīng)成為了我們生活中的一道障礙。微軟現(xiàn)在又重新開始向其它瀏覽器發(fā)起挑戰(zhàn)，但事實情況是，新版的現(xiàn)代IE瀏覽器一直滯后于谷歌瀏覽器和火狐瀏覽器。我們還不得不想辦法兼容早期的IE瀏覽器。下面提到的三種方法能快捷輕松的讓你的HTML5&CSS3網(wǎng)站在微軟的主要瀏覽器中也能神奇的運行！
htmlshiv.j
Remy開發(fā)的 HTML5shiv 工具能利用JavaScript在老式IE里創(chuàng)建 main ， header ， footer 等HTML5元素。也就是說使用JavaScript能創(chuàng)建這些本來不存在的HTML5新元素。這是什么原理？你可能花幾天也想不明白，但誰在意呢！這個腳本幾乎是所有正式網(wǎng)站必用的js。
代碼如下:
<!--[if lt IE 9]> <script src="dist/html5shiv.js"></script> <![endif]-->
selectivizr.js
Selectivizr.js 是一款神奇的工具，它能提供大量IE不支持的CSS選擇器和屬性，包括所有的 last-child 選擇器。最近在網(wǎng)站改版過程中，我使用了selectivizr，網(wǎng)站竟然可以毫不走樣的在老式IE瀏覽器的正常顯示。下面是我使用的代碼片段：
代碼如下:
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現(xiàn)代新技術(shù)WEB項目不可缺少的js庫。它只會在老式IE里加載。
<html>條件判斷注釋
你一定見到過這種極其丑陋的條件判斷注釋。然而，丑雖丑，它卻能讓你的網(wǎng)頁能按你希望的方式運行：
代碼如下:
<!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樣式會立即生效起作用，沒有那種因為加載延遲而出現(xiàn)的樣式閃變。
關(guān)于如何讓HTML5和CSS3網(wǎng)站在微軟的瀏覽器中也能運行就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
當前題目：如何讓HTML5和CSS3網(wǎng)站在微軟的瀏覽器中也能運行-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://www.aaarwkj.com/article6/hoeog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、企業(yè)網(wǎng)站制作、建站公司、電子商務、網(wǎng)站維護、定制網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 現(xiàn)在企業(yè)網(wǎng)站制作好處在哪里呢 2016-10-28
- 銀海企業(yè)網(wǎng)站制作要遵守哪些原則？ 2021-01-06
- 企業(yè)網(wǎng)站制作SEO優(yōu)化方案的寫作技巧 2022-12-27
- 中小企業(yè)網(wǎng)站制作方案如何形成？ 2023-02-28
- 企業(yè)網(wǎng)站制作怎么才能被快速收錄 2020-12-10
- 企業(yè)網(wǎng)站制作怎么有助于發(fā)揮作用 2022-09-29
- 企業(yè)網(wǎng)站制作要從用戶的角度出發(fā) 2021-08-31
- 企業(yè)網(wǎng)站制作的主機問題 2023-02-11
- 企業(yè)網(wǎng)站制作應該如何進行SEO布局？ 2020-12-26
- 企業(yè)網(wǎng)站制作哪些欄目是必須要有的 2022-11-13
- 企業(yè)網(wǎng)站制作如何才能更好的被百度收錄呢 2021-10-06
- 企業(yè)網(wǎng)站制作值得注意的12個事項是什么？ 2014-01-25