什么是更快，通过CSS渲染渐变或直接加载图像？

Question

我的问题的原因是因为我喜欢新的CSS3样式技术，但我不太确定它是否值得！

（子问题;任何知道是否可以使用jQuery对页面应用渐晕效果的人？）

谢谢你们

Answer 1

渐变可能总是更快，因为它将保存HTTP请求并为图形芯片提供更多可能性来优化渲染而不是位图图像。我没有任何基准来支持这一点，但这只是受过教育的猜测。

另一方面，我不确定渲染速度是否真的与此相关。这些样式技术目前更重要的缺点是并非所有浏览器都支持它们。您不会支持较旧的Firefox和IE（至少在使用CSS3属性时），并且对于许多需要支持这些受众的网站而言，这是目前的结束。

相关：Here是一个教程，声称使用专有标签对IE，FF3.6 +和Webkit浏览器提供跨浏览器支持。

Answer 2

除了性能问题。如果用户的浏览器不支持CSS3，你会怎么做？

如果你使用图像，每个人都能看到渐变。如果您使用CSS3，则只有使用最新浏览器的人才会看到渐变。因此，为了兼容性，我建议使用图像。