css - 边界半径在 IE10 上不起作用

Question

我需要一个带圆 Angular 的容器“DIV”。以下代码在除我的 IE10 之外的所有浏览器上都能完美运行。我不知道该怎么做才能让它发挥作用。

#about-kader {
    width: 200px;
    height: 180px; 
    float: left;
    margin: 0px auto;
    background-color: #9bafc4;
    padding: 3px;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px;
    -ms-border-radius: 5px;
    behavior: url(border-radius.htc);
}

这是 HTML 部分，请:

<div id="about-kader">
...
...
...
</div>

无法在 IE10 上显示任何圆 Angular 。我的版本是:10.0.9200.16576，更新版本:10.0.5 (KB289530)。

Answer 1

感谢Flipbed's answer我找到了答案。在 IE10 上，“边界半径”对我不起作用。为了让它工作，有必要指定每个 Angular :

border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

事实上，您发送的网站正是这样做的(查看页面源代码)。它给出指令作为输出:

border-radius: 5px;

但在内部它如上所述分别声明了 4 个 Angular 。

_{这是从问题中提取并代表 OP 发布的。}