css - 如何在 IE 6 中使用 jQuery UI 选项卡

标签 css jquery-ui tabs

我对 CSS 不是很在行,但经过反复试验,我制作了这个具有 jQuery UI 选项卡且看起来还不错的页面:http://jsbin.com/uquvi

但是,当我在 IE 6 中打开此页面时,令我失望的是选项卡似乎没有弯 Angular 。

现在在工作中,他们对选项卡的实现非常糟糕,因为他们正在创建带有标签的选项卡,而且看起来很乱。此外,他们目前正在通过使用两个 gif 图像来实现 flex 的标签 Angular 。我在许多博客中看到过 jQuery UI 选项卡,因此决定使用它运行,但现在我遇到了问题。

有人可以查看该页面并告诉我如何针对 IE 6 更正此问题吗?

最佳答案

您正在使用

 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;

这两个属性都是为 Firefox 和 webkit(Safari 和 Chrome)定制的

如果你想在 IE 中使用圆 Angular ,你必须用背景图片来做。

在此Matt Berseth blog post您会找到如何操作的示例,但基本上您必须为选项卡分配一个带有圆 Angular 的背景图像。

Another way to do it in this link

顺便说一句,您引用的网页的 html 非常困惑,有两个 html、body 和 head 标签

关于css - 如何在 IE 6 中使用 jQuery UI 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/872816/

相关文章:

css - 如何修复 HTML 样式覆盖 CSS?

javascript - Firefox 没有从 JavaScript 设置 css 样式?

javascript - Jquery 显示图像一段时间

javascript - jQuery 日期选择器日计数

android - 插入制表 rune 本

android - 从 Activity android调用时不想刷新tabsactivity

css - 使用 twitter bootstrap 在主从 UI 中创建侧边栏

CSS 下拉菜单 - 如何定位子元素?

javascript - CSS 图像右对齐 - Firefox 6.02 中的额外行

firefox - 枚举 IE8 和 Firefox 中的选项卡