jQuery UI选项卡 - 圆角选项卡在IE中的角 [英] jQuery UI Tabs - Rounded Tab Corners in IE

问题描述

我试图从AjaxControlToolkit切换到jQuery UI选项卡，为一个相当简单的选项卡元素。我99％有CSS和主题，但我跑进一堵墙，试图在IE中的选项卡上的圆角。 jQuery UI在更好的浏览器中提供了圆角标签所需的样式，但是如果我们不能在IE中获取它们，那么它可能是一个破解者。

I'm trying to switch from AjaxControlToolkit to jQuery UI tabs for a fairly simple tab element. I'm 99% there with CSS and theming, but I'm running into a wall attempting to get rounded corners on the tabs in IE. jQuery UI provides the styles needed for rounded tabs in better browsers, but it might be a deal-breaker if we can't get them in IE.

>真的讨厌，不得不继续使用工具包，也不喜欢插入不同的插件来做标签（虽然这是一个选项）。

I would really hate to have to keep using the Toolkit, and would also prefer not to bring in a different plugin to do the tabs (although this is an option).

我试过.htc文件，虽然它可能很容易是我的错，我不能让他们为我工作。 CurvyCorners抛出异常，直到我厌倦了它并移动。

I tried .htc files, and while it may have easily been my fault, I could not get them to work for me. CurvyCorners threw exceptions until I got tired of it and moved on.

有没有任何IE的圆角解决方案，我们知道可以与jQuery UI标签，或任何解决方法特定于选项卡？我在其他地方不需要圆角。

Are there any IE round-corners solutions that we KNOW can get along with jQuery UI tabs, or any workarounds specific to the tabs? I do not need rounded corners anywhere else.

标签可以有不同的长度，所以使用预先设定大小的背景图片真的不是一个选项。

P.S. Tabs can be of different lengths, so using pre-sized background images really isn't an option. Using multiple images, or resized images, would be fine as long as they can support arbitrary tab lengths.

非常感谢！

推荐答案

我使用它的所有我的圆角，它的工作原理： http://jquery.malsup.com/corner/ 。

I use this for all my rounded-corners and it works great: http://jquery.malsup.com/corner/.

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

You can also specify the CSS property border-radius and in browsers that support CSS3 the plugin will recognize that.

这篇关于jQuery UI选项卡 - 圆角选项卡在IE中的角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！