CSS3 圆 Angular 在 IE 怪癖模式下不起作用

Question

我有一个网站，在 IE 10 作为浏览器模式和 IE5 怪癖作为文档模式下完美运行。但是圆 Angular 在这种情况下不起作用。当我将文档模式更改为 IE 9 标准时，圆 Angular 起作用了。但我希望 IE 5 怪癖作为文档模式。

我的 CSS 是:

.roundedcorner
{
    behavior: url(/Includes/border-radius.htc);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

Answer 1

Quirks 模式不支持 CSS3，CSS 行为为 disabled in IE10 .您可以将 header 设置为 IE=edge 并忘记 Quirks 模式。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

看http://border-radius.com/ .

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;