(JQuery) IE 中的圆角？答案

【问题标题】：(JQuery) Rounded corners in IE?(JQuery) IE 中的圆角？
【发布时间】：2011-12-29 18:19:03
【问题描述】：

我已经使用了很多插件，例如curvycorners、DD_roundies、behavior: url(ie-css3.htc);，但是效果不佳，那么有没有人知道我可以为 IE 做圆角的任何其他技巧？我的网站可以调整大小（gum），并且元素的颜色在动态变化，所以我无法绘制图像。

【问题讨论】：

您对哪个版本的 IE 感兴趣？
最好的还是jquery.malsup.com/corner

标签： jquery css internet-explorer rounded-corners curvycorners

【解决方案1】：

它不是一个 jQuery 插件，但 CSS3 PIE 就是为此而生的。

http://css3pie.com/

它适用于 IE 6 到 9。

【讨论】：

+1 用于 css3pie，它是一个非常好的解决方案。它不能很好地处理渐变中的不透明度，但圆角可以正常工作。
很好，但有一个问题，如果你只需要右侧的圆角，你会怎么做？
@micha，我从未尝试过，但我不明白为什么会出现问题。 CSS3 PIE 仅支持速记属性，但这并不意味着您不能仅在一侧指定圆角。 border-radius: 0px 15px 0px 15px
@Brad 当然我知道你可以用 CSS3 做到这一点，但我也知道你不能用 ie 的 .htc 文件做到这一点

【解决方案2】：

总体上最好的方法是降低 IE 的体验，并且如果它们不支持圆角，则不要使用它。

如果您对使用圆角死心塌地，CSS3 Pie 将是您的最佳选择。但是任何这些 hack 的性能（不使用图像）都不会创造良好的用户体验。对于大多数网站来说，这是最重要的。尤其是在您的网站可调整大小的情况下。它将不得不重新绘制所有圆角，根据我的经验，这很可能会破坏 CSS3 Pie。如果您不能使用图像，我会考虑进行渐进增强/优雅降级。

【讨论】：

代码示例随处可见。但它们将包括在 IE 中仅使用方角，或使用图像作为角。您可以使用像 modernizer 这样的脚本来检测浏览器的功能，从而让您控制某些功能的 CSS 声明，甚至可以使用条件 HTML 标记来检测 IE。看看html5boilerplate.com 了解很多漂亮的技巧、关于它们的 cmets 和非常有据可查的脚本。