我对 CSS 不是很在行,但经过反复试验,我制作了这个具有 jQuery UI 选项卡且看起来还不错的页面:http://jsbin.com/uquvi
但是,当我在 IE 6 中打开此页面时,令我失望的是选项卡似乎没有弯 Angular 。
现在在工作中,他们对选项卡的实现非常糟糕,因为他们正在创建带有标签的选项卡,而且看起来很乱。此外,他们目前正在通过使用两个 gif 图像来实现 flex 的标签 Angular 。我在许多博客中看到过 jQuery UI 选项卡,因此决定使用它运行,但现在我遇到了问题。
有人可以查看该页面并告诉我如何针对 IE 6 更正此问题吗?
最佳答案
您正在使用
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
这两个属性都是为 Firefox 和 webkit(Safari 和 Chrome)定制的
如果你想在 IE 中使用圆 Angular ,你必须用背景图片来做。
在此Matt Berseth blog post您会找到如何操作的示例,但基本上您必须为选项卡分配一个带有圆 Angular 的背景图像。
Another way to do it in this link
顺便说一句,您引用的网页的 html 非常困惑,有两个 html、body 和 head
标签
关于css - 如何在 IE 6 中使用 jQuery UI 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/872816/