jQuery UI选项卡 - IE中的圆角Tab角

时间:2010-07-29 16:42:58

标签: internet-explorer jquery-ui css3 jquery-ui-tabs rounded-corners

我正在尝试从AjaxControlToolkit切换到jQuery UI选项卡以获得相当简单的选项卡元素。我99%有CSS和主题,但我遇到了试图在IE中的标签上获得圆角的墙。 jQuery UI在更好的浏览器中提供了舍入选项卡所需的样式,但如果我们无法在IE中获取它们,它可能是一个交易破坏者。

真的不愿意继续使用Toolkit,也不愿意引入不同的插件来制作标签(虽然这是一个选项)。

我尝试了.htc文件,虽然它可能很容易成为我的错,但我无法让他们为我工作。 CurvyCorners抛出异常,直到我厌倦了它并继续前进。

我们是否知道可以与jQuery UI标签或特定于标签的任何变通方法相关的IE圆角解决方案?我不需要在任何其他地方使用圆角。

P.S。标签可以有不同的长度,因此使用预先调整大小的背景图像确实不是一种选择。使用多个图像或调整大小的图像会很好,只要它们可以支持任意标签长度。

非常感谢!

2 个答案:

答案 0 :(得分:3)

我可以推荐CSS3Pie作为一个有价值的新进入市场。

它允许您使用样式表以及所有其他浏览器在IE中创建圆角。不再需要页面上的所有额外元素或所有那些jquery插件。

享受。

答案 1 :(得分:1)

我将它用于所有圆角,效果很好:http://jquery.malsup.com/corner/

你也可以指定CSS属性border-radius,在支持CSS3的浏览器中,插件会识别出来。