Css 边界半径不'；我不在IE10上工作

我需要一个圆角的容器“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部分，请：

...
...
...

---

没有办法在IE10上显示任何圆角。我的版本是：10.0.9200.16576，更新版本是：10.0.5（KB289530）。

尝试只使用边界半径：5px，那么它能工作吗？如果是，则逐个添加额外的边界半径属性，直到找到问题所在。我怀疑这是导致问题的额外边界半径属性之一。我怀疑该行为可能是问题的根源。

边界半径的行为受IE10中兼容模式的影响

如果按F12，则可以查看开发人员控制台并更改兼容性设置

如果将文档模式设置为IE7或IE8标准，则边框半径5px不起作用，但是如果将标准模式设置为IE9标准或标准，则其行为符合预期

我已经关闭了兼容模式，因为它也破坏了我使用的其他网站的行为

Ravenstar68

多亏我找到了答案。在IE10上，“边界半径”对我来说不起作用。为了使其工作，有必要指定每个角点：

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

事实上，您发送的站点确实做到了这一点（查看页面源代码）。它给出以下指令作为输出：

border-radius: 5px;

但在内部，它将如上所述分别声明4个角

---

这是从问题中提取出来的，并以OP的名义发布。

不幸的是，只有“边界半径：5px”；它不起作用。请尝试使用此页面生成半径，看看它是否起作用。是的，这个很管用。这增加了我的担忧，因为据我所见，指令只是边界半径：5px；我在你链接的页面上也尝试了宽度30px，效果很好。我不知道我错在哪里。如果你的解决方案确实有效，请将其作为答案发布，并接受它作为答案。