IE系列不支持CSS的圆角border-radius等属性的解决方案
发布时间：2014-09-15 09:35:58 作者：佚名 
我要评论
我要评论IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性，如何解决这个问题呢？百度了一下，发现有个开源的插件可以解决此问题
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？
一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。
另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/
使用方法很简单，下载了之后直接引用.htc文件即可。
附：
htc = HTML Component，应该是IE独有的，支持自定义行为
一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。
另外一种是百度了一下，发现有个开源的插件可以解决此问题：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
实现CSS3中的border-radius(边框圆角)示例代码
本文为大家详细介绍下如何实现CSS3中的border-radius(圆角)，具体代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-19- 前面系统总结了CSS3中Gradient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法;在CSS2中，大家都碰到过圆角的制作,如今CSS3中的border-ra2012-12-24
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
border-radius：用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。2012-03-28
CSS3 border-radius圆角的实现方法及用法详解
这篇文章主要介绍了CSS3 border-radius圆角的实现方法及用法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-14
最新评论