Div上的圆角。仅限Internet Explorer的问题!

时间:2010-04-06 12:36:30

标签: jquery internet-explorer rounded-corners

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

3 个答案:

答案 0 :(得分:2)

IE不支持HTML5或CSS3,所以查看this test page which you supplied很明显它在IE中不起作用,因为此页面上的示例修改了IE不能处理的CSS属性。 /击>

编辑:再看一遍这个例子(在这次IE浏览器中,因为我应该是第一次),感谢评论,我不知道为什么你的东西在IE中被破坏了。

答案 1 :(得分:0)

我有很多问题让任何IE圆角代码在不稳定的背景上工作。

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

这将在IE9中得到支持。

答案 2 :(得分:0)

我在使用该插件时遇到了类似的问题。我最终使用了类选择器来完成它:

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