jquery - 修复 ie6 的 CSS 需要帮助!

Question

我一直在努力用 IE6+jquery ui 标签实现圆 Angular 。

我准备了这个页面:http://jsbin.com/uzoko (没有 dd_roundies)

当然，圆 Angular 在 FF 中有效，但在 IE6 中无效。因为 CSS 中使用的一些属性是 FF 和 Chrome 特有的。

我昨天问过这个问题基于这个建议，我使用了 DD_Roundies 库。但是，我在顶部提供的示例页面无法添加 DD_Roundies 库，因此我无法真正“显示”页面在 css 中打开时到底出了什么问题。

但是在实现 DD_Roundies 之后，我可以在 IE6 中看到圆 Angular 。但是，我有以下问题:

1. 只有“第一个”选项卡似乎有圆 Angular 。当我单击第二个选项卡时，它没有圆 Angular ，第三个也没有。
2. 当我离开“第一个”选项卡时，它似乎有一个颜色为 #990000 的边框。

所有这一切都不会发生在 FF @#$%@$!!

因为我无法将 DD_Roundies 库代码放在 jsbin 中，所以我将把我拥有的与 dd_roundies 相关的内容放在我的页面上，这里:

        DD_roundies.addRule('.ui-corner-all', '4px');
        DD_roundies.addRule('.ui-corner-top', '2px 2px 0px 0px');
        DD_roundies.addRule('.ui-corner-bottom', '0 0 4px 4px');
        DD_roundies.addRule('.ui-corner-right', '0 4px 4px 0');
        DD_roundies.addRule('.ui-corner-left', '4px 0 0 4px');
        DD_roundies.addRule('.ui-corner-tl', '4px 0 0 0');
        DD_roundies.addRule('.ui-corner-tr', '0 4px 0 0');
        DD_roundies.addRule('.ui-corner-br', '0 0 4px 0');
        DD_roundies.addRule('.ui-corner-bl', '0 0 0 4px');

我一开始并不擅长 CSS，然后更正 css 以便它与该死的 ie6 一起工作是另一场我可以寻求帮助的战斗。拜托!

此外，正如我昨天提出的问题中所建议的那样，我也尝试使用图像。我使用 cornershop 网站创建了两个圆 Angular 图像。 http://tinypic.com/r/30j1rgz/5和 http://tinypic.com/view.php?pic=50joqq&s=5但是当我更改 css 和属性的“交互状态”部分时，有了这些 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited到以下

background: #990000; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none; 
outline: none;
background: url(nw.gif) no-repeat top left; 
background: url(ne.gif) no-repeat top right; 

然后我得到了更奇怪的结果:(

Answer 1

好的，经过 2 小时的工作，我放弃了使用 DD_roundies，
它只是不能很好地与选项卡 UI 结合使用。

然后我试了another plugin我知道应该可以工作，并在以下方面进行了测试:
IE6、IE7、FF3

一切正常!

See demo here

我还修改了您的 CSS。
将整个“圆 Angular 半径”部分放在评论中。没必要。

希望这能满足您的需求:)