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，使用背景圖，但是這種方式也會有諸多問題，對頁面結(jié)構(gòu)改動較大，需要對自適應大小進行控制等，成本較高。
另外一種是百度了一下，發(fā)現(xiàn)有個開源的插件可以解決此問題：http://css3pie.com/
使用方法很簡單，下載了之后直接引用.htc文件即可。
附：
htc = HTML Component，應該是IE獨有的，支持自定義行為
一種比較傳統(tǒng)的方案是放棄CSS3，使用背景圖，但是這種方式也會有諸多問題，對頁面結(jié)構(gòu)改動較大，需要對自適應大小進行控制等，成本較高。
另外一種是百度了一下，發(fā)現(xiàn)有個開源的插件可以解決此問題：http://css3pie.com/
使用方法很簡單，下載了之后直接引用.htc文件即可。
附：
htc = HTML Component，應該是IE獨有的，支持自定義行為
相關(guān)文章
CSS3 border-radius(圓角)效果在線調(diào)試工具
這是一款可在線調(diào)試并預覽CSS3 border-radius(圓角)效果的工具。右側(cè)具有實時調(diào)試并顯示預覽效果的功能，同時能夠?qū)崟r生成對應的css3效果代碼，方便需要的朋友使用。2016-05-31CSS3中border-radius屬性設(shè)定圓角的使用技巧
這篇文章主要介紹了CSS3中border-radius屬性設(shè)定圓角的使用技巧,border-radius的作用不止是最常用的圓角矩形,我們還可以利用它設(shè)置弧度來制作其他弧線邊框圖形,需要的朋友2016-05-10- 這篇文章主要介紹了CSS3使用border-radius屬性制作圓角，并附上示例代碼，推薦給有相同需求的小伙伴。2014-12-22
實現(xiàn)CSS3中的border-radius(邊框圓角)示例代碼
本文為大家詳細介紹下如何實現(xiàn)CSS3中的border-radius(圓角)，具體代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-19- 前面系統(tǒng)總結(jié)了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-28
CSS3 border-radius圓角的實現(xiàn)方法及用法詳解
這篇文章主要介紹了CSS3 border-radius圓角的實現(xiàn)方法及用法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-14
