Répétition de fond maximale dans Google Chrome?

Question

Je reçois un comportement étrange dans mon blog, uniquement dans Google Chrome. (Ceci est une chose CSS/navigateur, rien à voir avec le composant serveur, Blogger, Wordpress, etc).

La page d'accueil est certes trop longue, et ce que je reçois, c'est que l'arrière-plan sur mon élément "conteneur" cesse de se répéter après une certaine hauteur, mais seulement dans Google Chrome.

Vous pouvez le voir à http://www.lejanooriente.com (avertissement: il est une page lourde avec beaucoup d'images, prend un certain temps à charger)

Si vous laissez cette charge page complètement et regardez dans tout navigateur et Chrome , vous verrez que dans "tout" navigateur, il semble correct, et dans Chrome quelque chose est évidemment désactivé. Si vous faites défiler tout le chemin vers le bas, cela semble correct, cependant. Essayez de faire défiler vers le haut, et à un moment donné, vous remarquerez que l'arrière-plan "se termine" (environ 30% - 40% du bas). Selon FireBug, l'élément qui a l'arrière-plan mesure 78,472 px de haut. C'est beaucoup trop grand, et dans les pages qui sont raisonnablement longues, cet effet n'est pas vu.

Curieusement, cela se produit dans Chrome, mais pas dans Safari.

J'ai essayé d'agrandir l'image d'arrière-plan, pour essayer de déterminer si j'étais limité par la hauteur de l'élément ou par le nombre de répétitions de l'arrière-plan. Changé l'image de 30px à 90px, et la coupure est exactement au même endroit, donc ce n'est pas ça.

Des idées sur ce qui pourrait se passer, ou s'il y a quelque chose que je peux faire pour le réparer? (Faire la page moins longue est pas une option)

---

MISE À JOUR: Bug rapporté, numéro 9661. Si quelqu'un peut penser à une sorte de solution pour cela, cependant, ce serait génial.

Answer 1

Ceci est certainement un bug de chrome et vous avez juste besoin de le signaler et d'attendre la solution. J'ai vérifié votre page dans Safari, qui utilise le même moteur que Chrome (Webkit), et la page fonctionne bien.

Mon conseil est de ne pas créer de pages aussi longues, car ce n'est pas seulement mauvais pour Chrome, mais aussi pour les visiteurs de votre site.

Il existe une solution pour ce bogue en utilisant la position d'arrière-plan fixe:

#page { background: url(/images/tile_left.gif) repeat-y fixed 50% 50%; }