2010-04-06 53 views
2

有没有人经历了创建上的div圆角什么问题?我使用的jQuery插件从http://jquery.malsup.com/corner/Div的圆角。只有Internet Explorer的问题!

的问题是,顶角都无法在Internet Explorer四舍五入。适用于Firefox!有人有任何建议吗?

这里是我的代码:

<script type="text/javascript"> 

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

</script> 

下面是被四舍五入股利:

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

总是有问题,IE只...;) – klew 2010-04-06 12:38:27

+1

可以显示为“面板”的CSS ..? – ZX12R 2010-04-06 12:49:04

+0

哪个版本的IE浏览器遇到问题?插件页面是否正确显示所有选项? – Lazarus 2010-04-06 12:51:27

回答

2

IE不支持HTML5或CSS3,所以看着 this test page which you supplied很显然,这是行不通的在IE中,因为这个页面上的例子修改了IE不能处理的CSS属性。

编辑:(这次在IE浏览器,因为我应该在第一时间)的例子再次寻找感谢的评论后,我不知道为什么你的东西在IE打破。

+1

插件处理IE,或者应该...这就是插件的要点:)访问IE中的测试页面查看。 – 2010-04-06 12:43:21

+0

我明白了,你让我在那里。 – 2010-04-06 12:47:51

0

我有很多问题,让任何IE浏览器的圆角代码工作在一个不稳固的背景上。

最后,我不得不去与一个.gif解决方案。

这将在IE9的支持。

+4

阅读:它将在IE9中“支持”,也许正确支持IE11 :) – 2010-04-06 12:52:52

0

我有使用该插件类似的问题。我结束了使用类选择这样做:

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