我一直在努力用IE6+jquery ui选项卡实现圆角。
我准备了这个页面:http://jsbin.com/uzoko (w/out dd_roundies)
当然,圆角在FF中工作,而不是IE6。因为CSS中使用的一些属性是特定于FF和Chrome的。
我昨天问过这个问题
基于这个建议,我使用了DD_Roundies库。但是,我提供的示例页面没有添加DD_Roundies库的能力,所以我不能真正地“显示”页面在css中打开时到底有什么问题。
但是在实现DD_Roundies之后,我可以看到IE6中的圆角。不过,我有以下问题:
所有这些都不会发生在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是完整的另一场战斗,我可以使用一些帮助。请!
另外,正如我昨天提出的问题中所建议的,我也尝试使用图像。我用街角商店的网站创建了两个圆角图片。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; 然后,我得到了更奇怪的休息:
发布于 2009-05-17 21:05:20
好吧,工作了两个小时后,我放弃了使用DD_roundies,
它只是不能很好地与Tabs结合使用。
然后,我尝试了我知道应该有效的另一个插件,并在以下方面进行了测试:
IE6,IE7,FF3
一切都很好!
参见这里的演示
我也修改了你的CSS。
把整个“拐角半径”部分写在评论上。没必要那么做。
希望这适合你的需要:)
https://stackoverflow.com/questions/874662
复制相似问题