我们如何在 IE 中启用边框半径？答案

【问题标题】：How we can enable border-radius in IE?我们如何在 IE 中启用边框半径？
【发布时间】：2012-07-17 13:34:40
【问题描述】：

<style>
   border-radius:10px;
</style>
<div class='radius'> <?= echo $score . 'score';?></div>

IE8 不支持

【问题讨论】：

CSS - border-radius help 的可能重复项

标签： html internet-explorer css

【解决方案1】：

Internet Explorer 6-8 不支持 Border-Radius，在 IE 9 中使用border-radius:10px。

它可以与 Jquery 或PIE CSS 一起使用

在HTML中添加jquery.js和jquery.corner.js：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

Javascript

$('.radius').corner();

对于边框半径：10px 使用

$('.radius').corner("10px");

更多示例：http://jquery.malsup.com/corner/

演示 http://jsfiddle.net/vTXXD/

【讨论】：

我知道该插件有效。我以前见过它，它是一个非常好的插件。然而，它不是唯一的选择。 PIE CSS 也可以。所以 jquery 不是 only 选项。
但您的第一条评论是“这不是真的”
我说 jquery 是唯一的选择是不正确的。因此我说你可以使用 PIE CSS 等工具。

【解决方案2】：

It is not supported in IE8。如果你想让它在 IE8 中工作，你需要use a hack。

【讨论】：

+1 边框半径仅在 IE9 及更高版本中支持。 stackoverflow.com/questions/635851/…

【解决方案3】：

IE 9 之前不支持它。您需要使用类似PIE CSS 的东西。这将要求您在您的网站中添加一个 htc 文件，您的 css 将如下所示：

.radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

【讨论】：

【解决方案4】：

border-radius 是一个 CSS3 属性，IE8 不支持它（IE8 以下的任何东西都不支持它）。

不过，有一个名为 css3pie 的出色脚本增加了对 IE8 的支持。

【讨论】：