Chrome瀏覽器在使用CSS背景大小時比較滯後：在滾動背景圖片中覆蓋

我有一個背景圖片在我的頁面部分正在滾動。然而，爲了支持不同的設備屏幕以獲得相同質量的背景圖像，我使用了css屬性background-size:cover，這沒問題。 Chrome瀏覽器遇到的唯一問題是使用此屬性時存在滯後現象。刪除此屬性會返回該Chrome的良好性能。Chrome瀏覽器在使用CSS背景大小時比較滯後：在滾動背景圖片中覆蓋

我該怎麼辦？我已經在網絡上搜索這個問題，並且使用JQUERY獲得了一些解決方案。但是，如果可能的話，我想用純CSS來做。

來源

2015-10-20 Afshin

顯示代碼，或者您的問題最有可能關閉。 – Frondor

如果您不明白問題，那並不意味着問題必須關閉。這不是要顯示的東西。這是一個瀏覽器BUG。但是，如果你想看看發生了什麼，你可以看看這個網站：http://mitenadesign.com/en/谷歌瀏覽器的最初背景 – Afshin

我們不是在討論Chrome瀏覽器的bug。我們正在談論一個需要訣竅或需要解決的問題。 – Afshin

我使用大分辨率的多張圖像時，有同樣的問題，我加入的元素：

-webkit-transform: translate3d(0,0,0);

這不是在所有情況下的最佳伎倆，但它可以提高性能。它將使用GPU來處理渲染。

檢查此explanation和this one欲知更多信息。

來源

2016-03-11 16:46:29 xpander001

Chrome瀏覽器在使用CSS背景大小時比較滯後：在滾動背景圖片中覆蓋

回答

相關問題