Border Radius在IE9中不起作用.我在项目中使用的以下属性.而且我也添加了.HTC文件
-moz-Box-shadow: 0 1px 3px rgba(0,0.5); -webkit-Box-shadow: 0 1px 3px rgba(0,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(Styles/border-radius.htc);
解决方法
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
IE9将使用默认的border-radius,因此请确保在所有样式中包含调用边框半径的样式.然后您的网站将为IE9做好准备.
-moz-border-radius is for Firefox,-webkit-border-radius is for Safari and Chrome.
此外：不要忘记声明你的IE编码是ie9：
<Meta http-equiv="X-UA-Compatible" content="IE=9" />
一些懒惰的开发人员具有< Meta http-equiv =“X-UA-Compatible”content =“IE = 7”/>.如果该标记存在,border-radius将永远不会在IE中工作.
