使用背景圖像還是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，過濾器速度非常慢，特別是如果您在一頁上有多個過濾器。