Question

Google Chrome中的圆角显示效果很好，但在IE9中却没有。

这是我的css代码：

.post-labels{
    position:relative;
    float:right;
    text-align:right;
    border-style:solid;
    border-color:#452C28;
    padding:10px;
    background-color:#F0ECD5;
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -goog-ms-border-radius: 15px}

我尝试添加元标记：

<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='IE=9' http-equiv='X-UA-Compatible'/>

仍然没有。我做错了什么？

http://costumingdiary.blogspot.com

Answer 1

您的代码在IE9上运行正常，没有任何meta标记。 Demo.

只需删除所有与您的版本混乱的元素，并确保您的浏览器不处于兼容模式（点击F12并确保浏览器模式和文档模式都是IE9）。

边框半径和圆角在IE9中不起作用

1 个答案: