首页 > 代码库 > IE系列不支持圆角等CSS3属性的解决方案

IE系列不支持圆角等CSS3属性的解决方案

IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢?

 

一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高。

 

另外一种是百度了一下,发现有个开源的插件可以解决此问题:http://css3pie.com/

使用方法很简单,下载了之后直接引用.htc文件即可。

 

附:

htc = HTML Component,应该是IE独有的,支持自定义行为

IE系列不支持圆角等CSS3属性的解决方案