jQuery UI 选项卡 - IE 中的圆角选项卡角答案

【问题标题】：jQuery UI Tabs - Rounded Tab Corners in IEjQuery UI 选项卡 - IE 中的圆角选项卡角
【发布时间】：2010-10-04 20:58:24
【问题描述】：

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

我真的讨厌不得不继续使用 Toolkit，并且也不希望引入其他插件来执行选项卡（尽管这是一个选项）。

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

是否有任何我们知道的 IE 圆角解决方案可以与 jQuery UI 选项卡一起使用，或者任何特定于选项卡的解决方法？我在其他任何地方都不需要圆角。

附：选项卡可以有不同的长度，因此使用预先确定大小的背景图像确实不是一种选择。使用多张图片或调整大小的图片都可以，只要它们可以支持任意标签长度即可。

非常感谢！

【问题讨论】：

标签： internet-explorer jquery-ui css jquery-ui-tabs rounded-corners

【解决方案1】：

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

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

享受吧。

【讨论】：

【解决方案2】：

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

您还可以指定 CSS 属性border-radius，并且在支持 CSS3 的浏览器中插件会识别。

【讨论】：

这就是我要建议的。至少在 IE 支持我认为 IE9 中的 CSS3 Border-radias 之前。
你是救生员。这对我很有效，非常感谢。