时间:2021-05-08
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢?
一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高。
另外一种是百度了一下,发现有个开源的插件可以解决此问题:http://css3pie.com/
使用方法很简单,下载了之后直接引用.htc文件即可。
附:
htc = HTML Component,应该是IE独有的,支持自定义行为
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在企业网站建设过程中可能会碰到border-radius在IE6中不支持,border-radius是CSS3的标准,在IE6中不支持,但可以通过一些方式来实现
border-radius向元素添加圆角边框,css3中的。IE9+chromesafari5+firefox4+现在都支持。可以向inputdiv等设置边框。
现象:将div变为有一定幅度的圆形、椭圆形等方法:使用css的border-radius属性进行设置CSS3border-radius属性:向div元素添加圆角
border-radius:CSS3圆角语法:border-radius:25px;椭圆边角:语法-border-radius:xx%;或者15px/100px
html复制代码代码如下:邮箱登录使用border-radius属性,制作圆角复制代码代码如下:.loginbox{