做**開發,一提到ie,就會讓人頭大,有一肚子的牢騷要發:微軟為什麼不跟著國際標準走呢,總是獨樹一幟,搞出那麼多問題來。ie的firebug除錯工具也不太好用,尤其是低版本的ie,更是讓人頭疼。
最近在做乙個專案,本來要結項了,結果客戶要求必須要滿足ie8,不得不硬著頭皮開始做ie8的相容。
我們後台用的coffeescript語法,前台用的coffeekup語法。
相容1:ie8下引用一些檔案 ,語法如下
ie "lte ie 8", ->link href:"/css/ie.css", rel:"stylesheet"
專案中犯過的錯:i
e 8寫成了ie8,中間的空格漏掉了,所以頁面上總是顯示文字:
相容2:ie8下上傳檔案用jquery file upload,沒辦法把上傳的檔案提交到後台,原因是在ie8下沒有file檔案型別,所以只是讀到了檔案路徑,沒有讀到上傳檔案的大小
jquery file upload對ie的支援不是很好,所以很多方法不支援,例如progressall file
解決方法:上傳直接用form的submit()方法實現
相容3:ie8 css hack
ie8下顯示寬度為40px;大於ie8,以及其他的瀏覽器寬度為100%
.time-form@media all and (min-width: 0)
}
IE8 CSS相容性記錄
對ie8 ie7 ie6 firefox2.0.0.12做了簡單的一些css hack測試。下文中的 ie8 暫時僅代表ie8 beta1 css定義 p xhtml結構 文字 主要是測試 文字 這個顏色在不同瀏覽器下使用hack的一些結果報告 html p 支援 ie6 不支援ff ie7 ie8...
IE8 CSS 樣式相容性清單
最近部門業務 需要考慮ie8的相容性,剛好查到msdn上有ie系列瀏覽器對css相容性的完整清單,把其中ie8部分的內容翻譯了出來,作為備忘。正文分割線 ie8對於css2.1是完整支援的,對於css3則只是部分支援。下文中只列出ie8完全支援及完全不支援的樣式。注 下文中的e f均指html標籤名...
IE8 CSS樣式相容性清單
ie8對於css2.1是完整支援的,對於css3則只是部分支援。下文中只列出ie8完全支援及完全不支援的樣式,對於。注 下文中的e f均指html標籤名,如p,img等。支援 charset,import,media,page,font face 支援 value,value,e,支援 att va...