border-radius在IE10上不工作 [英] border-radius doesn't work on IE10

问题描述

我需要一个带有圆角的容器DIV。以下代码适用于所有浏览器，除了我的IE10。我不知道如何做，以使它工作。

I need to have a container "DIV" with rounded corners. The following code works perfectly on all browsers except my IE10. I have no clue how to do in order to make it work.

#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部分，请：

And here's the HTML part, please:

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

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

There is no way to make any round corner visible on IE10. The version I have is: 10.0.9200.16576, Update versions: 10.0.5 (KB289530).

推荐答案

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

If you press F12 you can view the developer console and change the compatability settings.

如果文档模式设置为IE7或IE8标准，则border-radius 5px不起作用，但是如果标准模式设置为IE9标准或标准，则其行为与预期的相同。

If the Document mode is set to IE7 or IE8 Standards then the border-radius 5px doesn't work, however if the standards mode is set to IE9 Standards or Standards then it behaves as expected.

我结束了关闭兼容模式，因为它也打破了我使用的其他网站的行为。

I have ended up turning off compatibility mode as it also breaks the behaviour of other websites I use.

Ravenstar68

Ravenstar68

这篇关于border-radius在IE10上不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！