Jquery 修复ie6的css需要帮助!

Jquery 修复ie6的css需要帮助!,jquery,html,css,internet-explorer-6,Jquery,Html,Css,Internet Explorer 6,我一直在努力通过IE6+jQueryUI选项卡实现圆角 我已经准备好了这一页:(不带圆) 当然,圆角在FF中起作用,但在IE6中不起作用。因为CSS中使用的一些属性是FF和Chrome特有的 我昨天问了这个问题,基于这个建议,我使用了DD_Roundies图书馆。然而,我在顶部提供的示例页面没有能力添加DD_Roundies库,因此我无法真正“显示”在css中打开页面时页面的确切错误 但是在实现了DD_圆角之后,我可以在IE6中看到圆角。不过,我有以下问题: 只有“第一个”选项卡似乎有圆角。当我

我一直在努力通过IE6+jQueryUI选项卡实现圆角

我已经准备好了这一页:(不带圆)

当然,圆角在FF中起作用,但在IE6中不起作用。因为CSS中使用的一些属性是FF和Chrome特有的

我昨天问了这个问题,基于这个建议,我使用了DD_Roundies图书馆。然而,我在顶部提供的示例页面没有能力添加DD_Roundies库,因此我无法真正“显示”在css中打开页面时页面的确切错误

但是在实现了DD_圆角之后,我可以在IE6中看到圆角。不过,我有以下问题:

  • 只有“第一个”选项卡似乎有圆角。当我点击第二个标签时,它没有圆角,第三个也没有
  • 当我离开第一个选项卡时,它似乎有一个颜色为#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网站创建了两个圆角图像。但是当我将css和属性的“交互状态”部分
    更改为.ui state active a、.ui state active a:link、.ui state active a:visitored
    时,使用了这些

    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; 
    

    然后我得到了更奇怪的回复:(

    好吧,工作了两个小时后,我放弃了使用DD_roundies,
    它只是不能很好地与Tabs UI结合使用

    然后我尝试了我知道应该有效的方法,并测试了:
    IE6、IE7、FF3

    一切都很好

    我还修改了你的CSS。
    把整个“拐角半径”部分放在评论栏上,没必要这样


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

    +1对使用IE6表示同情。