在ie9中没有四舍五入的角但在其他浏览器中有效

Question

下面是我使用css围绕标题顶部两个角的代码。 IE让我疯了。我的页面在所有其他浏览器上看起来很好我认为IE9支持弯曲的角落

<style type="text/css">
#header {
    height: 70px;
    font-size: 2em;
    color: #fff;
    padding: 40px 0 0 40px;
    background: #0B3A68 no-repeat 15px 11px;
    position: relative;
    font-style: italic;
    font-family: Arial;

    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
</style>


<div id ="header">
    test
</div>

Answer 1

尝试使用边框生成器，它可能会有所帮助：

http://border-radius.com/