IE系列不支持CSS的圓角border-radius等屬性的解決方案
發(fā)布時間:2014-09-15 09:35:58 作者:佚名
我要評論

IE系列瀏覽器不支持CSS的圓角(border-radius)等CSS3屬性,如何解決這個問題呢?百度了一下,發(fā)現(xiàn)有個開源的插件可以解決此問題
IE系列瀏覽器不支持CSS的圓角(border-radius)等CSS3屬性是一個眾所周知的問題,而FF、Chrome原生的瀏覽器支持是的優(yōu)雅的圓角感覺較好,如何解決這個問題呢?
一種比較傳統(tǒng)的方案是放棄CSS3,使用背景圖,但是這種方式也會有諸多問題,對頁面結構改動較大,需要對自適應大小進行控制等,成本較高。
另外一種是百度了一下,發(fā)現(xiàn)有個開源的插件可以解決此問題:http://css3pie.com/
使用方法很簡單,下載了之后直接引用.htc文件即可。
附:
htc = HTML Component,應該是IE獨有的,支持自定義行為
一種比較傳統(tǒng)的方案是放棄CSS3,使用背景圖,但是這種方式也會有諸多問題,對頁面結構改動較大,需要對自適應大小進行控制等,成本較高。
另外一種是百度了一下,發(fā)現(xiàn)有個開源的插件可以解決此問題:http://css3pie.com/
使用方法很簡單,下載了之后直接引用.htc文件即可。
附:
htc = HTML Component,應該是IE獨有的,支持自定義行為
相關文章
CSS3 border-radius(圓角)效果在線調試工具
這是一款可在線調試并預覽CSS3 border-radius(圓角)效果的工具。右側具有實時調試并顯示預覽效果的功能,同時能夠實時生成對應的css3效果代碼,方便需要的朋友使用。2016-05-31- 這篇文章主要介紹了CSS3中border-radius屬性設定圓角的使用技巧,border-radius的作用不止是最常用的圓角矩形,我們還可以利用它設置弧度來制作其他弧線邊框圖形,需要的朋友2016-05-10
- 這篇文章主要介紹了CSS3使用border-radius屬性制作圓角,并附上示例代碼,推薦給有相同需求的小伙伴。2014-12-22
實現(xiàn)CSS3中的border-radius(邊框圓角)示例代碼
本文為大家詳細介紹下如何實現(xiàn)CSS3中的border-radius(圓角),具體代碼如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-19- 前面系統(tǒng)總結了CSS3中Gradient和RGBA的用法,今天我們在一起來看看CSS3中制作圓角的屬性border-radius的具體用法;在CSS2中,大家都碰到過圓角的制作,如今CSS3中的border-ra2012-12-24
CSS圓角效果 -webkit-border-radius(CSS3中border-radius隱藏的威力)
border-radius:用這個屬性能實現(xiàn)圓角邊框的效果?,F(xiàn)在只有Mozilla/Firefox 和 Safari 3支持該屬性。2012-03-28CSS3 border-radius圓角的實現(xiàn)方法及用法詳解
這篇文章主要介紹了CSS3 border-radius圓角的實現(xiàn)方法及用法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-14