QQ 1640076782

2012年12月26日

兼容火狐ie的圆角代码

Filed under: li — lifengwu @ 9:36 上午

兼容火狐ie的圆角代码 以前做圆角的时候总是喜欢把他作为背景,如果做背景的话,会有很多很多的bug,在网上找了很久,找到一个非常实用,兼容性也非常不多的圆角代码
代码如下

.main{
border: 2px solid #C0C0C0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
z-index:100;
behavior: url(此处为ie-css3.htc文件的绝对路径);
}
Webkit内核的浏览器支持“-webkit-border-radius: 10px;”属性(10px是圆角半径),可以直接解析出圆角;Firefox浏览器支持“-moz-border-radius: 10px;”属性,也是可以直接解析出圆角;IE系浏览器则需要加上“border-radius: 15px;”的属性,ie-css3.htc这个文件在网上随处可以下到

效果如下

如果需要兼容火狐ie的圆角代码,可以从这里获取方法,希望你能喜欢