border-radius在IE10上不起作用

Question

我需要一个带圆角的容器"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上无法显示任何圆角.我的版本是:10.0.9200.16576,更新版本:10.0.5(KB289530).

Answer 1

尝试仅使用 border-radius: 5px，这样可以吗？如果确实如此，则将额外的 border-radius 属性一一添加，直到找到问题出现的位置。我怀疑这是导致问题的额外边框半径属性之一。我怀疑这种行为可能是问题的根源。