IE系列不支持CSS的圆角border-radius等属性的解决方案
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
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独有的,支持自定义行为
下一篇:DIV+CSS垂直居中一个浮动元素