D'étranges blocs noirs apparaissant dans Chrome
Pour une raison quelconque, les boîtes noires sont de l'affichage aléatoire des espaces dans google Chrome (dernière version).
Certaines de ces boîtes sont en train d'apparaître à l'extérieur du conteneur principal, alors que certains sont en train d'apparaître en ligne, couvrant les blocs de contenu. Ils apparaissent de façon aléatoire, généralement après le défilement, et souvent disparaissent lors de l'ouverture de l'inspecteur, planant au-dessus des éléments, ou de défilement vers le bas et en arrière vers le haut.
Pour la référence, il y a quelques animations, box-ombre (qui ont été désactivés à pas de chance), les dégradés linéaires, et de la position: fixed éléments sur la page, mais ce n'est pas un problème avec les autres navigateurs que Chrome.
Cela a été largement rapporté dans les tests utilisateurs, bien que je n'ai pas été en mesure d'évoquer un correctif. Je ne suis pas sûr si c'est un PROCESSEUR ou de la carte graphique en question, comme le site est relativement léger et je suis de la navigation avec un nouvel ordinateur portable avec 16 go de ram. Mon vieux Mac Mini, avec 4 go de ram, ne produit pas de ce problème.
Tous les pointeurs seraient appréciés.
- Pouvons-nous voir un peu de code? Ou est-ce qui se passe sur des sites web externes?
- Êtes-vous à l'aide de la Version Bêta?
- Cette version de Chrome est 21.0.1180.75 (non bêta).
- souhaite vraiment que je pourrais mettre en place un code, mais je ne suis pas autorisé à le faire :\ j'espère que cela doit vous paraître familier à quelqu'un, comme cela semble être un problème de rendu confiné à google Chrome.
- Qu'il doit y avoir quelque chose dans le code HTML ou CSS, qui est la même pour toutes les "Boîtes Noires". Toute chance de HTML et CSS pour elle? Aussi êtes-vous d'utiliser un DOCTYPE valide?
- le doctype est tout simplement <!DOCTYPE html>. Pensez-vous que vous utilisez une ancienne doctype pourrait résoudre ce problème? Les boîtes noires apparaissent aussi à l'extérieur du conteneur, où il n'y a pas d'éléments. Dans la seconde capture d'écran, vous pouvez voir <p>s qui sont partiellement obscurcie – il n'y a pas les éléments enfants dans ici – juste partiellement obscurci lignes de texte.
- "Pensez-vous que vous utilisez une ancienne doctype pourrait résoudre ce problème?" - Pas du tout. J'ai été juste pour s'assurer que les pages n'ont pas de chargement en mode quirks. Tant qu'ils sont rendu à la conformité/norme de mode, le DOCTYPE ne devrait pas être un problème. En outre, vous devriez vérifier en ligne pour le Validateur du W3C à la règle que du bien. D'autres que nous avons vraiment besoin de le HTML & CSS pour reproduire le problème et obtenir de nouveau à vous avec confidenance.
- Pour moi, la solution était de désactiver l'accélération GPU pour le rendu 2D textes dans about:flags menu. Je fais face à de nombreux problèmes avec ma carte NVIDIA pilote. Donc, je le blâme sur les pilotes NVIDIA de personnes.
Vous devez vous connecter pour publier un commentaire.
Mise à jour: C'était un bug dans Chrome et a été fixé: https://code.google.com/p/chromium/issues/detail?id=142038
eddz déposé le problème à crbug.com/new et plus de 40 personnes étoilé le billet pour la suivre. Il conduit à quelques corrections séparées dans google Chrome, l'équipe d'ingénierie.
J'ai eu ce problème avec un site web qui a été à l'aide de
transformZ (0)pour forcer le rendu GPU. Quand j'ai enlevé ce style la question disparuCe n'est pas une réponse, mais si vous êtes en mesure de reproduire en quelque sorte, il peut-être plus tard sur la route:
Faire une copie de la page en local, ou n'importe où, définir la base href pour le domaine principal, maintenant, de commencer à retirer des liens de css et les scripts javascript à partir du bas vers le haut jusqu'à ce que vous ne rencontrez pas le comportement de plus, si vous arrivez à ce point, puis le dernier script/stylesheet vous avez supprimé est le coupable.
Si vous trouver le coupable fichier, maintenant, essayez de trouver le coupable ligne/section.
Si vous n'avez pas arriver à ce point, il peut être le navigateur, mais il ne sonne pas comme il est.
Elle peut aussi être liée entre scripts/feuilles de style et/ou accidentellement hérité.
Nous avions vécu cette étrange bloque trop sur notre site web. Dans le passé, nous avons été à l'aide de transitions, les transitions était de reproduire un autre bug "bizarre lignes" au hasard est apparu sur la page et disparaître pendant le défilement.
Maintenant nous commençons à utiliser des transformX-Y, peut-être dans certains endroits Z aussi. Et nous avons obtenu cet enfer bloack blocs.
Il semble quelque chose de mal en Chrome avec transfom + animations de transition. Peut-être ce bug apparaît lorsque trop de blocs d'animation à la fois?
FF fonctionne très bien.
J'ai rencontré ces mêmes boîtes. Pour moi, le problème est que j'ai été en utilisant les vidéos mp4, qui sont désapprouvées dans chrome, au lieu de vidéos webm.