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

支持 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文件