Css3 via IE7 8 9

Ant發表於2020-04-06

一直苦思一個問題:怎麼樣才能讓新的Css3的特性在古老的IE瀏覽器上正常顯示,乍一看有點強人所難,因為國外的許多優秀Html5網站都公開不支援IE瀏覽器了,然而在國內在很長一段時間無法割捨IE這個搗蛋的體驗之毒瘤的。


最近在網上發現兩個比較好的框架,至少能解決一部分問題:

1. PIE: http://css3pie.com/

2. IE7/8/9.js: http://code.google.com/p/ie7-js/


PIE是Jason Johnston開發和維護的一套讓IE低版本支援Css3裡關於樣式定義的解決方案,基本原理是用的htc這個IE特殊格式重新定義了樣式支援Css3裡例如border-radius和text-shadow等特性。

IE-Js是Dean Edward寫的一個非常靠譜的Js指令碼,全文掃描你的Html文件,對IE低版本不支援的Css3選擇器、Html元素、盒模型size等做自動適配,不過帶來的效能開銷不小,基本是重寫了你所有的文件元素,使用需謹慎。


這兩個框架是可以完美相容的,因為它們從完全不同的角度來解決IE相容Css3的問題,借用一句話來總結它們:

IE7.js gives you all the advanced selectors, and PIE gives you the advanced box decoration rendering

相關文章