使用背景图像或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,过滤器非常慢,特别是如果您在一个页面上有很多.