IE 中的边框半径不起作用答案

【问题标题】：Border radius in IE is not workingIE 中的边框半径不起作用
【发布时间】：2011-11-17 17:35:31
【问题描述】：

我需要做圆角，当我尝试这样时，它在 Firefox 和 chrome 中工作，但在 IE 中不工作。

#tab_labels div {
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
}

【问题讨论】：

我有一个简单的问题。今天我实际上第一次了解了这个border-radius 并说它与我的 Firefox (8.0) 完美搭配。那么-moz-border-radius* 需要什么？它适用于旧版本的 Firefox 吗？
另外，看看here如果你能在IE中看到圆形边框，这意味着它可以工作，你可以查看样式表看看他们是如何做到的
不支持哪个版本的IE，因为IE8及以下不支持css3属性
@Shahbaz -moz 前缀用于支持仍在开发、测试或规范可能发生变化时。
不是-moz前缀也用于一些旧版本的Firefox吗？

标签： internet-explorer rounding css

【解决方案1】：

目前，IE 9 和 10 是唯一支持边框半径的 IE 版本。 IE 8 及以下不支持边框半径。你需要一些第三方的帮助，比如CSS3Pie，才能做到这一点。

【讨论】：

CSS3Pie 是什么？它会做什么？
来自我回答中链接的站点：PIE 代表 Progressive Internet Explorer。它是一种 IE 附加行为，当应用于元素时，允许 IE 识别和显示许多 CSS3 属性。
IE 8 及以下版本没有。 IE 9 支持border-radius
OP 没有指定他们使用的 IE 版本。由于边界半径属性在他们的代码示例中不起作用，因此可以安全地假设他们没有使用 IE 9 或 10。
@triplethreat77 - 看看这里：stackoverflow.com/questions/5455712/… 和 css3pie.com/forum/viewtopic.php?f=3&t=914

【解决方案2】：

如果你真的想开始使用 CSS3。

你应该知道 IE 很烂。

其实不仅适用于 CSS3。只是一般 IE 很烂。

所以IE（最多9个）默认不支持圆角。

您应该使用图像/求助于一些 3rd 方的东西。

【讨论】：

【解决方案3】：

border-radius 可以在 IE9 中使用，但不能在低于 IE9 的版本中使用（IE8、IE7、...）

【讨论】：

【解决方案4】：

您可以使用下面的元标记来激活 IE 中的一些 CSS 属性。我使用这个标签，没有这样的问题。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

【讨论】：

【解决方案5】：

看看PIE

例子：

#yourdiv{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(PIE.htc);
}

【讨论】：

你必须下载 piecss3 包，然后使用它的 PIE.htc 作为你的 css 规则的行为。