jQuery UI 选项卡 - IE 中的圆角选项卡角
我正在尝试从 AjaxControlToolkit 切换到 jQuery UI 选项卡以获得相当简单的选项卡元素。我 99% 都掌握了 CSS 和主题,但我在尝试在 IE 中的选项卡上实现圆角时遇到了困难。 jQuery UI 提供了更好的浏览器中圆形选项卡所需的样式,但如果我们无法在 IE 中获取它们,则可能会破坏交易。
我真的讨厌必须继续使用工具包,并且也不想引入不同的插件来执行选项卡(尽管这是一个选项)。
我尝试了 .htc 文件,虽然这很可能是我的错,但我无法让它们为我工作。 CurvyCorners 抛出了异常,直到我厌倦了它并继续前进。
我们知道是否有任何 IE 圆角解决方案可以与 jQuery UI 选项卡配合使用,或者任何特定于选项卡的解决方法?我不需要其他地方的圆角。
PS 选项卡可以有不同的长度,因此使用预先调整大小的背景图像确实不是一个选择。使用多个图像或调整大小的图像就可以了,只要它们可以支持任意制表符长度即可。
多谢!
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).
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.
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.
Thanks a lot!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我可以推荐 CSS3Pie 作为一个值得进入市场的新产品吗?
它允许您使用样式表以及所有其他浏览器在 IE 中制作圆角。不再需要页面上的所有额外元素或所有 jquery 插件。
享受。
May I recommend CSS3Pie as a worthy new entry to the market.
It allows you to make rounded corners in IE using your stylesheet, along with all the other browsers. No more need for all those extra elements on your page or all those jquery plug ins.
Enjoy.
我将它用于所有圆角,效果很好: http://jquery.malsup.com/corner /。
您还可以指定 CSS 属性 border-radius ,在支持 CSS3 的浏览器中,插件将识别该属性。
I use this for all my rounded-corners and it works great: http://jquery.malsup.com/corner/.
You can also specify the CSS property border-radius and in browsers that support CSS3 the plugin will recognize that.