首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为ie6修复css需要帮助!

为ie6修复css需要帮助!
EN

Stack Overflow用户
提问于 2009-05-17 13:59:17
回答 1查看 624关注 0票数 2

我一直在努力用IE6+jquery ui选项卡实现圆角。

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

当然,圆角在FF中工作,而不是IE6。因为CSS中使用的一些属性是特定于FF和Chrome的。

我昨天问过这个问题

基于这个建议,我使用了DD_Roundies库。但是,我提供的示例页面没有添加DD_Roundies库的能力,所以我不能真正地“显示”页面在css中打开时到底有什么问题。

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

  1. 只有‘第一个’标签似乎有圆角。当我点击第二个标签时,它没有圆角,第三个也没有。
  2. 当我移开第一个选项卡时,它似乎有一个颜色#990000的边框。

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

由于我无法将DD_Roundies库代码放在jsbin中,所以我将把相对于dd_roundies的内容放在页面中,如下所示:

代码语言:javascript
复制
        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是完整的另一场战斗,我可以使用一些帮助。请!

另外,正如我昨天提出的问题中所建议的,我也尝试使用图像。我用街角商店的网站创建了两个圆角图片。http://tinypic.com/r/30j1rgz/5http://tinypic.com/view.php?pic=50joqq&s=5,但当我将css和属性.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited的“交互状态”部分更改为以下内容时,就会使用它们

代码语言:javascript
复制
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; 

然后,我得到了更奇怪的休息:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-05-17 21:05:20

好吧,工作了两个小时后,我放弃了使用DD_roundies,

它只是不能很好地与Tabs结合使用。

然后,我尝试了我知道应该有效的另一个插件,并在以下方面进行了测试:

IE6,IE7,FF3

一切都很好!

参见这里的演示

我也修改了你的CSS。

把整个“拐角半径”部分写在评论上。没必要那么做。

希望这适合你的需要:)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/874662

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档