.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文件