html – 边界半径在IE9中不起作用

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中工作.