爲什麼使用moz-radial-gradient滾動非常慢？

style="background: -moz-radial-gradient(center center , circle , rgb(223, 224, 228), rgb(189, 193, 200)) no-repeat fixed 0% 0% #fff;"

和滾動頁面變得非常困難 - 這是落後和緩慢滾動。它應該是這樣嗎？

編輯：不僅滾動，所有其他的jQuery效果也變得緩慢。

2010-10-26 Rihards

它是一個已知的問題，具有background-position：fixed的漸變背景具有性能問題。

這是您使用預發佈CSS（即任何帶有瀏覽器前綴的任何東西，如-moz）支付的價格。大多數情況下，它們都可以正常工作，但只要它們具有該前綴，就表示供應商不會考慮完成該功能，因此您使用它需要您自擔風險。

2010-10-26 11:24:03 Spudley

謝謝。然而，即使附件「滾動」，我也有相同的性能問題，甚至更糟糕。 – Rihards 2010-10-26 13:16:19

它甚至不再是實驗，但仍在ubuntu 16.04上導致ff 51中的延遲行爲（win7沒有任何問題）。它不僅僅是滾動，只要你在例如你的身體，整個頁面很慢（點擊有延遲，動畫不平穩）。 – MaBi 2017-02-18 18:06:57

可能是因爲瀏覽器需要在整個頁面的背景上顯示CSS生成的漸變的資源數量。你在測試哪個瀏覽器？

2010-10-26 11:09:38 Kyle

3.6 - 最新。實際上沒有太多要顯示。我有背景和填充背景的div（高度1000px，因此可以滾動）。 – Rihards 2010-10-26 13:14:06

回答