如何在 IE 6 中使用 jQuery UI 选项卡

Question

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

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

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

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

Answer 1

你正在使用

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

这两个属性都是为 Firefox 和 webkit（Safari 和 Chrome）自定义的

如果您想在 IE 中使用圆角，则必须使用背景图像来实现。

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

Another way to do it in this link

顺便说一句，你引用的网页的html很乱，有两个html, body and head标签

Answer 2

您可以使用corner plugin，它会尽可能使用 CSS，如果导航器不支持使用 CSS 进行舍入（如 ie6），则使用 javascript 进行舍入。