解决IE浏览器下的圆角问题

LiuR_Fun小编分享两种方法,大家还有新的方法吗?分享分享
第一种:
相信大家在网上也看到很多这种方法,引入 ie-css3.htc  文件

.test {
width:560px;
height:560px;
background-color: blue;
padding:10px 8px 6px; 
border: 2px solid #C0C0C0; 
margin-bottom:10px;
border-radius: 10px;
behavior: url(ie-css3.htc);
}
这个页面是用以测试主机是否有正确的content-type。


但是这种方法有时会有冲突,会使的背景变黑色(小编有遇到过,不知道你们有没)

第二种:
使用JS实现圆角效果

JS 实现圆角效果


JS 实现圆角效果

效果1

32423

效果2

32423

效果3

32423


附件下载:JS实现圆角效果

 

欢迎转载,原文地址:http://www.lrfun.com/html/technology/cssjs/2015/0612/65.html

上一篇:CSS文字超出一定范围以省略号显示
下一篇:JS 获取当前时间戳,获取多少天后日期