手机
当前位置:查字典教程网 >网页设计 > 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等属性的解决方案】相关文章:

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

img图片元素下多余空白解决方案

火狐在用offsetHeight获取div的高度时为0的解决方法

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

chrome居中但ie不居中的解决方法

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

CSS中的!important属性用法

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

浏览器不支持position: fix的解决

兼容IE6的图片圆角边框CSS

精品推荐
分类导航