0

我对 CSS 不是很好,但经过大量试验和错误,我制作了这个带有 jQ​​uery UI 选项卡的页面,看起来有点不错:http: //jsbin.com/uquvi

但是,当我在 IE 6 中打开此页面时,令我失望的是,选项卡似乎没有弯角。

现在在工作中,他们的标签实现非常糟糕,因为他们正在创建带有标签的标签,而且看起来很乱。此外,他们目前正在通过两个 gif 图像来实现弯曲的标签角。我在许多博客中看到了 jQuery UI 选项卡,所以决定使用它,但现在我遇到了问题。

有人可以看看该页面并告诉我如何为 IE 6 更正此问题吗?

4

2 回答 2

0

您正在使用

 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;

这两个属性都是为 Firefox 和 webkit(Safari 和 Chrome)定制的

如果您想在 IE 中使用圆角,则必须使用背景图像进行处理。

在这篇Matt Berseth 博客文章中,您将找到如何执行此操作的示例,但基本上您必须为选项卡分配一个带圆角的背景图像。

在此链接中执行此操作的另一种方法

顺便说一句,您引用的网页的 html 非常混乱,有两个html, body and head标签

于 2009-05-16T17:17:42.587 回答
0

如果导航器不支持使用 CSS 进行舍入(如 ie6),则可以使用corner plugin,它尽可能使用 CSS,使用 javascript 进行舍入。

于 2011-04-28T06:38:28.887 回答