【问题标题】:Is there a way to get border-radius and gradient backgrounds in IE?有没有办法在 IE 中获取边框半径和渐变背景?
【发布时间】:2010-06-03 21:03:25
【问题描述】:

我想知道是否有使用 javascript 或其他任何方法让 IE 显示边框半径或渐变背景?

【问题讨论】:

  • 对于渐变,请查看stackoverflow.com/questions/213750/…(不过,它仅适用于 IE)。
  • 过去的美好时光发生了什么,当我们感谢我们可以用图像和大量定位技巧来做到这一点时? ;-)

标签: javascript css internet-explorer


【解决方案1】:

我是在寻找在 IE9 中使用“渐变和边框半径”的修复程序时发现的。是的,虽然你现在可以在 IE9 中同时使用它们,但遗憾的是你不能同时使用它们。

这个问题记录在几个地方:

这个问题似乎与边界半径不能很好地配合 IE 的旧过滤器渐变有关。遗憾的是,IE9 的发布并没有带来适当的 CSS 渐变。

【解决方案2】:

jquery 至少获取半径/角项。

有关渐变背景,请参阅this。

【讨论】:

    【解决方案3】:

    圆角不需要使用 jQuery,即使在禁用 javascript 的情况下,也有一些解决方案可以使浏览器表现良好。

    查看http://css3pie.com/,提供了一个非常简单的解决方案(htc 文件)来完成这项工作。正如 monn 所指出的,IE9 渐变和半径不能一起工作。 Css3Pie 旨在让您使用 css3 标记进行开发,但提供 IE 到 IE6 的备份。

    还有 css3please 和 compass(用于 ruby​​)。

    最近在 HTML5 样板问题队列中讨论了这个问题(HTML5 样板是一个经过严格审查的协作,它汇集了现代 Web 标记中的最佳技术作为任何平台的起点)。 https://github.com/paulirish/html5-boilerplate/issues#issue/354

    这是问题和解决方案的演示: http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

    【讨论】:

      【解决方案4】:

      这是相当新的:https://github.com/bfintal/jQuery.IE9Gradius.js

      只需将脚本最后包含在您的 head 标记中,其余部分由它处理。请参阅自述文件

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-10-09
        • 1970-01-01
        • 2013-10-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多