ie6~8對html5、css3的不支援 ie8不支援media queries ie7 前無法正確處理Fluid image 時的 max-width 以下為特殊的處理方法…
IE8前版本讀取html5的方法：
ie8前要能讀取html5須要在文件中引用”html5shiv.js”的函式庫，取得”html5shiv.js”檔後，要放在 Head 元素之中的 <!–[if lt IE 9]> …<![endif]–>
來源下戴點 / 站內下戴
1 | <!–[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]–> |
- src / 內有放著 html5shiv.js 與 html5shiv-printshiv.js 二個檔案，html5shiv-printshiv.js 主要是針對列印功能…
- 不想內掛在站內的話可以使用下面語法外連 (參考來源)
<!–[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]–>
IE8之前版本讀取css3的方法：
IE8之前版本讀取css3，要引用 “css3-mediaqueries.js” 放在 <head></head> 間的 <!–[if lt IE 9]> …<![endif]–> 內…
站內下戴
1 | <!–[if lt IE 9]> <script src="js/css3-mediaqueries.js"></script> <![endif]–> |
IE7前版本使用Fluid image 的方法：
IE7前版本要讀取Fluid image的max-width屬性，會造成圖片失真，可引用”imgSizer.js” 的JS函式庫來處理 書中提的戴點 (20141010上去看沒有戴點和書中的畫面不同)