IE 中支持边界半径

小开

IE8没有这个计划，请参阅 CSS 兼容性页面。

除此之外，还没有发布任何计划。有传言说，IE8将是最后一个版本的 Windows XP

小开

小开

小开

这个问题的答案自一年前提出以来已经发生了变化。(这个问题是目前谷歌搜索边界半径最大的搜索结果之一。)

IE9将支持 border-radius。

有一个平台预览有空，其中支撑物 border-radius。您将需要 WindowsVista 或 Windows7来运行预览版(以及发布时的 IE9)。

小开

IE 的角点半径问题就解决了。

小开

最佳答案

是的! 当 IE9在2011年1月发布的时候。

让我们假设你想要一个均匀的15px 的四面:

.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

IE9将使用默认的 border-radius，所以只要确保在调用边框半径的所有样式中都包含这个值即可。然后您的网站将为 IE9做好准备。

-moz-border-radius适用于 Firefox，-webkit-border-radius适用于 Safari 和 Chrome。

此外，不要忘记声明你的 IE 代码是 ie9:

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

一些懒惰的开发人员使用 <meta http-equiv="X-UA-Compatible" content="IE=7" />。如果这个标签存在，那边界半径将永远不会在 IE 中工作。

小开

一个变通方法和一个方便的工具:

CSS3Pie 使用. htc 文件和行为属性在 IE6-8中实现 CSS3。

Modern izr 是一个 javascript，它将把类放在 html 元素上，允许您根据不同的浏览器的功能为不同的样式定义提供服务。

显然，这两者都增加了更多的开销，但由于 IE9只能在 Vista/7上运行，我们可能会在相当长的一段时间内陷入困境。截至2010年8月，WindowsXP 仍占网络客户端操作系统的48% 。

小开

如何支持边界半径和背景渐变。是的，IE9是支持他们两个分开，但如果你混合这两个梯度出血的圆角。下面是一个链接到一个不好的例子，但我已经看到它在我自己的测试以及。应该采取一个屏幕截图: (

也许真正的问题是 IE 什么时候才能在没有 MS-Filter 专有技术的情况下支持 CSS 标准。

小开

没有这个标签的 <!DOCTYPE html>的边界-半径在 IE9中不起作用，不需要元标签。

小开

使用 -ms-border-radius: 15px，任何使用 css-ms-的元素都与 IE 兼容。

小开

解决-在 IE10和 IE11中没有正确渲染边界半径

对于那些没有得到 - ms- 边界-半径: 或者边界-半径: 在 IE10,11中工作它呈现所有方形，然后按照以下步骤:

Ensure that the boxes are unchecked as in pic