Divs 上的圆角。仅 Internet Explorer 的问题！答案

【问题标题】：Rounded corners on Divs. Problem with Internet Explorer only!Divs 上的圆角。仅 Internet Explorer 的问题！
【发布时间】：2010-04-06 21:13:18
【问题描述】：

有没有人遇到过在 Divs 上创建圆角的问题？我正在使用来自http://jquery.malsup.com/corner/ 的 jQuery 插件

问题在于 Internet Explorer 中的顶角没有四舍五入。在 Firefox 上运行良好！有人有什么建议吗？

这是我的代码：

<script type="text/javascript">

        $(document).ready(function() {
            $("#panel").corner("10px");
        });

</script>

这是四舍五入的 div：

<div ID="panel">test</div>

【问题讨论】：

【解决方案1】：

~~IE 不支持 HTML5 或 CSS3，因此查看 this test page which you supplied 很明显它在 IE 中不起作用，因为此页面上的示例修改了 IE 无法处理的 CSS 属性。~~

编辑：再次查看示例后（这次在 IE 中，因为我应该第一次看到）感谢评论，我不知道为什么你的东西在 IE 中被破坏了。

【讨论】：

【解决方案2】：

让任何 IE 圆角代码在不稳固的背景上工作时遇到很多问题。

最后我不得不使用 .gif 解决方案。

这将在 IE9 中得到支持。

【讨论】：

【解决方案3】：

我在使用该插件时遇到了类似的问题。我最终使用类选择器来做到这一点：

$('.header_box').corner("top round 10px")

【讨论】：