Css3 via IE7 8 9
一直苦思一個問題:怎麼樣才能讓新的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
相關文章
- Javascript 實現 Textarea 自動伸縮,相容IE6、IE7、IE8、IE9...JavaScriptIE9
- jQuery 2.0 移除對IE6/IE7/IE8的支援jQuery
- 相容IE8和IE7瀏覽器的圓形圖案瀏覽器
- 一行程式碼解決各種IE相容問題,IE6,IE7,IE8,IE9,IE10行程IE9IE10
- CSS3實現的漸變按鈕,在IE7、IE6下的濾鏡使用。CSSS3
- 《CLR.via.C#第三版》第二部分第8,9章節讀書筆記(四)C#筆記
- 瀏覽器相容IE6、IE7、IE8、Firefox、OperaCSShack區分瀏覽器FirefoxCSS
- css在用空元素、無內容的元素佈局不相容ie7/8CSS
- CSS純色半透明 支援IE6/IE7/IE8 FF CHROME OPERA SAFARICSSChrome
- SQL Injection via DNSSQLDNS
- IE9對CSS3的支援情況概述IE9CSSS3
- 9 款經典華麗的 CSS3 分享按鈕CSSS3
- CSS3 實現16:9大屏居中顯示CSSS3
- 實現body背景拉伸自適應 相容chrome ie7,8,9.ie6未測試Chrome
- CSS3背景色透明(相容IE8)CSSS3
- 第9章 CSS3中的變形與動畫(下)CSSS3動畫
- IE5,IE6,IE7,IE8的css相容性列表[轉自MSDN]CSS
- [MetalKit]9-Using-MetalKit-part-8使用MetalKit8
- 8個應該瞭解的CSS3技術CSSS3
- WPF image via web url or uriWeb
- WPF KeyDown MVVM Via BehaviorMVVM
- CSS相容IE6,IE7,FireFoxCSSFirefox
- 第8章 CSS3中的變形與動畫(上)CSSS3動畫
- 8款超酷而實用的CSS3按鈕動畫CSSS3動畫
- Respond.js – IE6-8 支援 CSS3 Media QueryJSCSSS3
- 9種純CSS3人物資訊卡片動態展示效果CSSS3
- 9個超實用jQuery/CSS3應用外掛欣賞jQueryCSSS3
- 9款最新炫酷HTML5/CSS3應用推薦HTMLCSSS3
- laravel8 啥時候升級9?Laravel
- Plan Stability in Oracle 8i/9iOracle
- OPPO R9s與榮耀8區別對比 OPPO R9s和榮耀8哪個好?
- 華為榮耀8和p9區別對比評測 華為P9和榮耀8哪個好?
- Trying to hack Redis via HTTP requestsRedisHTTP
- Ubuntu install Atom via PPAUbuntu
- WPF Datagrid display via DataGridTemplateColumn
- wpf draw ellipse via mouse click
- WPF use SVG via SVG and SharpVectorsSVG
- Respond.js – 讓 IE6-8 支援 CSS3 Media QueryJSCSSS3