當你使用最新的HTML5標籤

<header></header>
<nav></nav>
<article></article>時

開啟Firefox Chome時都沒問題
但開啟IE8瀏覽器時整個用CSS調整的版面都跑掉了
因為IE不支援這些tag

我們可以套用下面的外掛程式
讓HTML5可以在IE正常使用
這樣我們就不用分別調整CSS的程式
更不用在原本的HTML5 tag包上div了 

 

Step 1)
下載https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js

Step 2)
在你的html檔案,引入以下程式

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

 

 重新整理後就可以了!

 

參考來源:http://code.google.com/p/html5shiv/

cabuchi 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • 訪客
  • 讚!