使用背景图像或CSS3渐变更好吗？ （PhoneGap的）

Question

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

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

Answer 1

根据Webkit Wiki上的一篇文章，图像效果更好：

  

有时候使用webkit的绘图功能很有吸引力，比如-webkit-gradient，当它实际上没有必要时 - 维护图像和处理Photoshop和绘图工具可能会很麻烦。但是，使用CSS执行这些任务会使设计人员的计算机无法移动到目标的CPU。 CSS中的渐变，阴影和其他装饰应仅在必要时使用（例如，当形状基于内容时是动态的） - 否则，静态图像总是更快。在非常低端的平台上，甚至建议在可能的情况下对某些文本使用静态图像。

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

当然，您必须平衡CPU时间与从服务器加载映像所需的额外时间。此外，对于Internet Explorer，过滤器非常慢，特别是如果您在一个页面上有很多。