什麼是更快，通過CSS呈現漸變或直接加載圖像？

我的問題的原因是因爲我喜歡新的CSS3造型技術，但我不太確定它是否值得！什麼是更快，通過CSS呈現漸變或直接加載圖像？

（子問題;有人說知道是否有可能使用jQuery的漸暈效果應用到網頁）

謝謝你們

來源

2010-06-24 Noor

梯度大概總是要快一些，因爲它將節省HTTP請求，併爲圖形芯片提供更多的可能性來優化渲染比位圖圖像。我沒有任何基準來支持這一點，但是，這只是受過教育的猜測。

另一方面，我不確定渲染速度是否真的與這裏相關。目前這些造型技術的更重要的缺點是並非所有的瀏覽器都支持它們。您不會支持較早的Firefox和IE（至少在使用CSS3屬性時），以及許多需要支持這些受衆的網站，這是目前的結局。

相關：Here是一個教程，聲稱跨瀏覽器支持IE，FF3.6 +和Webkit瀏覽器使用專有標籤。

來源

2010-06-24 10:26:05

IE6/7/8通過[過濾器]（http://msdn.microsoft.com/en-us/library/ms532997（VS.85）.aspx）支持漸變，儘管它可能是醜陋的。當然，這並不適合所有情況。例如，在文本和圖像上過濾bork抗鋸齒。 – 2010-06-24 10:28:42

由於某些愚蠢的原因，我傾向於忽略仍在使用IE 6/7的人，不知道是不是因爲我不自覺地不喜歡人們仍在使用它們。但我不應該這樣，我不得不承認你是對的。如果我們（開發人員/設計人員）想要將我們的網站提升到下一個級別，我們是否應該爲每個項目編寫回退編碼？我想是的，謝謝你提供一些燈光！ – Noor 2010-06-24 10:32:24

@Andy我總是很驚訝地發現'filter'命令有多麼強大和多樣性（並且自從IE5.5以上，在任何其他瀏覽器提出這個東西之前幾年都支持它）！太糟糕了，它們如此專有...... – 2010-06-24 10:32:57

除了性能問題。如果用戶的瀏覽器不支持CSS3，你會怎麼做？

如果您使用圖像，則每個人都可以看到漸變。如果你使用CSS3，只有使用最新瀏覽器的人才會看到漸變。所以爲了兼容性，我會推薦圖像。

來源

2010-06-24 10:27:29

他擊敗了你！但謝謝:)！ – Noor 2010-06-24 10:34:19

什麼是更快，通過CSS呈現漸變或直接加載圖像？

回答

相關問題