如何在IE中使jQuery UI看起来更好？

Question

我已经阅读了jquery ui的css框架：

http://jqueryui.com/docs/Theming/API

并发现某些css设置在IE中无效：

.ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

有没有办法解决这种情况？

Answer 1

border-radius只是IE无效。您有两种选择：

1. 接受更好的浏览器会带来更好的结果
2. 忘记现代CSS并使用背景图像创建圆角。

请参阅Progressive enhancement和Graceful degradation上的维基百科页面。

Answer 2

我发现这很有趣。前几天我刚刚读完了一个设计博客，指出网页设计界肯定会出现一些错误的逻辑。

虚假的是，网站在所有浏览器中都应该看起来一样。老实说，IE 6发布了，什么，2001年？它已近十年了。对于客户来说，期待支持9年历史的系统似乎非常荒谬，因为这个系统在发布时存在缺陷和错误。

我的个人网络项目不再支持IE6，现在这种情况并不常见。检查任何Gawker媒体博客，如果你没有高于IE6，你甚至不能发表评论。

现在，一些客户需要IE6兼容性。例如，出于企业原因，我的工作场所被锁定到IE6，并且在某些供应商升级并允许IE7 +之前，我们必须使用6。但是，对于IE6用户，我不会痴迷于眼睛糖果。如果可能的话，我会鼓励他们升级，否则只是告诉他们某些功能无法支持。特别是如果我们只是谈论化妆品。

那就是说，Curvy Corners是一个JQuery插件，可以查找那些专有的CSS声明，并在IE6中创建无图像的弯角。请注意，正在进行大量的DOM操作，因此它会减慢具有大量圆角的页面。

Answer 3

有一些方法可以假装IE使用一些奇特的新CSS3属性。

This site根据你的例子解释如何做到这一点，如果你只对圆角感兴趣的话。

Answer 4

此css对IE无效，您必须使用图像来创建圆角。