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

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