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

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

【问题讨论】:

标签: 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 和非常有据可查的脚本。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-09-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多