IE系列不支持CSS的圓角border-radius等屬性的解決方案
發(fā)布時(shí)間：2014-09-15 09:35:58 作者：佚名 
我要評(píng)論
我要評(píng)論IE系列瀏覽器不支持CSS的圓角(border-radius)等CSS3屬性，如何解決這個(gè)問(wèn)題呢？百度了一下，發(fā)現(xiàn)有個(gè)開源的插件可以解決此問(wèn)題
IE系列瀏覽器不支持CSS的圓角(border-radius)等CSS3屬性是一個(gè)眾所周知的問(wèn)題，而FF、Chrome原生的瀏覽器支持是的優(yōu)雅的圓角感覺較好，如何解決這個(gè)問(wèn)題呢？
一種比較傳統(tǒng)的方案是放棄CSS3，使用背景圖，但是這種方式也會(huì)有諸多問(wèn)題，對(duì)頁(yè)面結(jié)構(gòu)改動(dòng)較大，需要對(duì)自適應(yīng)大小進(jìn)行控制等，成本較高。
另外一種是百度了一下，發(fā)現(xiàn)有個(gè)開源的插件可以解決此問(wèn)題：http://css3pie.com/
使用方法很簡(jiǎn)單，下載了之后直接引用.htc文件即可。
附：
htc = HTML Component，應(yīng)該是IE獨(dú)有的，支持自定義行為
一種比較傳統(tǒng)的方案是放棄CSS3，使用背景圖，但是這種方式也會(huì)有諸多問(wèn)題，對(duì)頁(yè)面結(jié)構(gòu)改動(dòng)較大，需要對(duì)自適應(yīng)大小進(jìn)行控制等，成本較高。
另外一種是百度了一下，發(fā)現(xiàn)有個(gè)開源的插件可以解決此問(wèn)題：http://css3pie.com/
使用方法很簡(jiǎn)單，下載了之后直接引用.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í)生成對(duì)應(yīng)的css3效果代碼，方便需要的朋友使用。2016-05-31CSS3中border-radius屬性設(shè)定圓角的使用技巧
這篇文章主要介紹了CSS3中border-radius屬性設(shè)定圓角的使用技巧,border-radius的作用不止是最常用的圓角矩形,我們還可以利用它設(shè)置弧度來(lái)制作其他弧線邊框圖形,需要的朋友2016-05-10- 這篇文章主要介紹了CSS3使用border-radius屬性制作圓角，并附上示例代碼，推薦給有相同需求的小伙伴。2014-12-22
實(shí)現(xiàn)CSS3中的border-radius(邊框圓角)示例代碼
本文為大家詳細(xì)介紹下如何實(shí)現(xiàn)CSS3中的border-radius(圓角)，具體代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-19- 前面系統(tǒng)總結(jié)了CSS3中Gradient和RGBA的用法，今天我們?cè)谝黄饋?lái)看看CSS3中制作圓角的屬性border-radius的具體用法;在CSS2中，大家都碰到過(guò)圓角的制作,如今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-28
CSS3 border-radius圓角的實(shí)現(xiàn)方法及用法詳解
這篇文章主要介紹了CSS3 border-radius圓角的實(shí)現(xiàn)方法及用法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-14
