Pourquoi faire défiler moz-radial-gradient est si lent?

J'attaché cet attribut de style balise body:Pourquoi faire défiler moz-radial-gradient est si lent?

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

et en faisant défiler la page est devenu très difficile - il était en retard et en faisant défiler lentement. Est-ce censé être ainsi? Edit: Défilement non seulement, mais tous les autres effets de jquery deviennent également lents.

Source

2010-10-26 Rihards

C'est un problème connu qu'un fond dégradé avec une position de fond: fixe a des problèmes de performance.

Ceci est le prix à payer pour l'utilisation de la pré-version CSS (c'est-à-dire quelque chose avec un préfixe de navigateur tel que -moz). La plupart du temps, ils fonctionnent bien, mais tant qu'ils ont ce préfixe, cela indique que le fournisseur ne considère pas la fonctionnalité comme terminée, donc vous l'utilisez à vos risques et périls.

Source

2010-10-26 11:24:03 Spudley

Merci. Cependant, même avec la pièce jointe "scroll" j'ai les mêmes problèmes de performance, même pire. – Rihards

Ce n'est même plus expérimental mais ça provoque quand même un comportement laggy dans ff 51 sur Ubuntu 16.04 (win7 fonctionne sans aucun problème). Et ce n'est pas seulement le défilement, dès que vous placez un dégradé dans e.g. votre corps, toute la page est lente (les clics ont du retard et les animations ne sont pas lisses). – MaBi

Peut-être est-ce dû à la quantité de ressources dont le navigateur a besoin pour afficher votre dégradé généré CSS sur un arrière-plan d'une page entière. Dans quel navigateur testez-vous?

Source

2010-10-26 11:09:38 Kyle

3.6 - plus récent. En fait, il n'y a pas grand-chose à afficher. J'ai l'arrière-plan et div avec fond rempli (hauteur 1000px, donc le défilement serait possible). – Rihards

Pourquoi faire défiler moz-radial-gradient est si lent?

Répondre

Questions connexes