html - 边框半径在 IE9 中不起作用

Question

Border Radius 在 IE9 中不工作。我在我的元素中使用了以下属性。我还添加了 .HTC 文件

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc); 

Answer 1

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 将使用默认的 border-radius，所以只要确保在所有调用 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 中工作。