手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE系列不支持CSS的圆角border-radius等属性的解决方案
IE系列不支持CSS的圆角border-radius等属性的解决方案
摘要:IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优...

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

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

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

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

附:

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

【IE系列不支持CSS的圆角border-radius等属性的解决方案】相关文章:

利用CSS3实现圆角的outline效果的教程

用CSS的float属性创建三栏布局网页的方法

纯CSS做的带开关的台灯

CSS3文本换行word-wrap解决英文文本超过固定宽度不换行

IE7.0以下版本列表li中的元素错位一个上一个下的解决方法

li行间距大(IE中多了5个像素)的解决方法

CSS样式颜色属性的使用

CSS圆角矩形的技巧

CSS基础教程: CSS的属性缩写

兼容IE6的图片圆角边框CSS

精品推荐
分类导航