IE9 中的 CSS 渐变

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费额度!

罗伯特·比格斯 (Robert Biggs) 在本文中介绍了在 Internet Explorer 9 中使用 SVG 实现渐变的解决方案,因为 IE9 不支持 CSS3 渐变。 核心优势在于 SVG 图像格式是 XML,并且在结构上与创建 -webkit-gradient 的方式非常相似。 因此,您可以获得以编程方式声明颜色和轻松更新的优势。

在这篇文章的前面,比格斯还很好地说明了过渡,以及为什么通过 CSS 执行过渡比通过 JavaScript 执行过渡更好。

JavaScript 的单线程特性使其在处理复杂动画时效率低下。 将样式动画卸载到浏览器的 CSS 渲染引擎可以释放 JavaScript 并允许浏览器使用线程和硬件加速以实现更好的优化。

我认为(动画/过渡 == 视觉设计 == CSS 领域),因此无论释放 JavaScript 的好处如何,它都是合适的。

直接链接 →