Question

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

我准备了这个页面：http://jsbin.com/uzoko（w / out dd_roundies）

当然，圆角在FF中工作但不在IE6中。因为CSS中使用的某些属性特定于FF和Chrome。

昨天我问了这个问题 as well 并根据这个建议我使用了DD_Roundies库。但是，我提供的示例页面顶部没有能力添加DD_Roundies库，因此我无法真正“显示”页面在css中打开时究竟出现了什么问题。

但是在实现DD_Roundies后，我可以看到IE6中的圆角很好。但是，我有以下问题：

只有'First'标签似乎有圆角。当我点击第二个标签时，它没有圆角，所以不是第三个。
当我离开First标签时，它似乎有一个颜色为＃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是另一场战斗，我可以使用一些帮助。请！

另外，正如我昨天提出的问题中所建议的那样，我也尝试使用图像。我用cornerhop网站创建了两个圆角图像。 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，
与Tabs UI结合使用效果不佳。

然后我尝试了another plugin我知道应该工作，并测试：
IE6，IE7，FF3

一切运作良好！

See demo here

我也修改了你的CSS。
将整个“转角半径”部分放在评论上。没必要。

希望这符合您的需求：）

为ie6修复css需要帮助！

1 个答案: