使用背景图像还是CSS3渐变效果更好？ （Phonegap）

Question

假设我正在使用DIV元素，我可以添加背景图像或者可以复制创建CSS3渐变的相同样式。现在，对于Phonegap应用程序（所有图像文件驻留在设备本身中），哪个选项更适合。

我在问这个，因为我看到某个地方，渐变需要一些计算时间，使用图像可能会产生加载时间问题。但对于Phonegap应用程序，图像加载时间问题可能不在那里。那么，也许只是在这里使用图像是一个更好的选择？

Answer 1

据有关的Webkit百科的文章，图片有更好的表现：

有时是很有诱惑力的使用WebKit的绘图功能，如-webkit-梯度，当它实际上不是必要的 - 保持图像和处理的Photoshop绘图工具可能会很麻烦。但是，将CSS用于这些任务会让设计人员的计算机无法顺利地转移到目标CPU上。 CSS中的渐变，阴影和其他装饰只应在必要时使用（例如，当形状根据内容动态变化时） - 否则，静态图像总是更快。在非常低端的平台上，甚至建议在可能的情况下为一些文本使用静态图像。

来源：https://trac.webkit.org/wiki/QtWebKitGraphics#Usestaticimages

当然，你有CPU时间，以平衡与额外的时间，将采取从服务器加载图像。另外，对于Internet Explorer，过滤器速度非常慢，特别是如果您在一页上有多个过滤器。