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

【问题标题】：Border radius and rounded corners not working in IE9边框半径和圆角在 IE9 中不起作用
【发布时间】：2012-10-02 12:23:55
【问题描述】：

圆角在 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

【问题讨论】：

好的，我想我已经回答了我自己的问题。我之前尝试添加以下元标记，但没有成功。原来，引用 IE7 的元标记位于头顶，我没有看到。我正在编辑一个 Blogger 模板。我将其更改为：现在我有了圆角。但是现在我的背景颜色都搞砸了。它们从我的常规颜色变为黑色和灰色。我认为 Picture Window Blogger 模板的代码编写者没有更新代码以使用 IE9。
如果您找到了自己问题的答案，请继续添加答案，并将其标记为“已接受”，以便其他人可以从您的发现中受益！
请检查：stackoverflow.com/questions/10784999/… Espero sea útil.

标签： internet-explorer-9 css

【解决方案1】：

您的代码在没有任何meta 标签的情况下在 IE9 上运行良好。 Demo.

只需删除所有与您的版本混淆的元元素，并确保您的浏览器未处于兼容模式（按 F12 并确保浏览器模式和文档模式均为 IE9）。

【讨论】：