支持 IE8 IE11 和 FF, Chrome 浏览器的圆角 

.rounded-corners { 
     position: relative
     behavior: url(/Styles/PIE.htc);  //这里一定是“/”根目录
     border-radius: 20px; 

     background: url(/Images/button_grey.png") no-repeat center;
     border: 0px; 
}
<head id="Head1"><meta http-equiv="X-UA-Compatible" content="IE=11" /><title>
<input type="button" class="rounded-corners" value="this is button" />

IE8+ 才会识别htc文件

下载地址 http://css3pie.com/ (用1.0稳定版)

     position: relative //否则显示不出来
     behavior: url(/PIE.htc);  //这里一定是“/”根目录

IE11（非Enterprise Mode， X-UA-Compatible 生效）, FF, Chrome都支持 border-radius

IE8, IE(Enterprise Mode， 会被解析成IE8 X-UA-Compatible 不生效) 不支持border-radius 需要用.htc文件

 

posted @ 2015-09-24 16:28  webglcn  阅读(479)  评论(0)  编辑  收藏  举报