2009-04-02 6 views
0

Ich bekomme ein seltsames Verhalten in meinem Blog, nur in Google Chrome. (Dies ist eine CSS/Browser-Sache, nichts mit der Server-Komponente, Blogger, Wordpress, usw. zu tun).Maximale Hintergrundwiederholung in Google Chrome?

Die Homepage dafür ist zugegebenermaßen zu lang, und was ich bekomme ist, dass der Hintergrund auf meinem Hauptelement "Container" nach einer gewissen Höhe aufhört, sich zu wiederholen, aber nur in Google Chrome.

Sie können ihn unter http://www.lejanooriente.com sehen (Achtung: es ist eine schwere Seite mit vielen Bildern, dauert eine Weile zu laden)

Wenn Sie diese Seite Last vollständig lassen und schauen Sie es in jedem Browser und in Chrome , Sie werden sehen, dass in "jedem" Browser es richtig aussieht, und in Chrome ist etwas offensichtlich ausgeschaltet. Wenn Sie den ganzen Weg nach unten scrollen, sieht es jedoch richtig aus. Versuchen Sie, nach oben zu scrollen, und an einem Punkt werden Sie feststellen, dass der Hintergrund "endet" (etwa 30% - 40% von unten).

Laut FireBug ist das Element, das den Hintergrund hat, 78.472 px groß. Es ist viel zu groß, und in Seiten, die ziemlich lang sind, wird dieser Effekt nicht gesehen.

Seltsamerweise geschieht dies in Chrome, aber nicht in Safari.

Ich habe versucht, das Hintergrundbild größer zu machen, um herauszufinden, ob ich durch die Höhe des Elements oder die Anzahl der Wiederholungen des Hintergrunds eingeschränkt wurde. Das Bild wurde von 30px auf 90px geändert und der Cutoff ist genau an der gleichen Stelle, also nicht wahr.

Irgendwelche Ideen, was könnte los sein, oder ob es etwas gibt, was ich tun kann, um es zu beheben? (machen die Seite weniger lang ist keine Option)


UPDATE: Bug berichtet, Ausgabe 9661. Wenn jemand irgendeine Art von Abhilfe für dieses denken jedoch, dass fantastisch sein würde.

Antwort

2

Dies ist definitiv ein Chrom Bug und Sie müssen es nur melden und warten auf die Lösung. Ich habe Ihre Seite in Safari überprüft, die dieselbe Suchmaschine wie Chrome (Webkit) verwendet. Die Seite funktioniert einwandfrei.

Mein guter Rat ist, nicht so lange Seiten zu erstellen, weil es nicht nur schlecht für Chrome ist, sondern auch für Ihre Website-Besucher.

Es gibt eine Abhilfe für diesen Fehler durch feste Hintergrundposition mit:

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

ich über die Seitenlänge weiß, ist das Problem, dass ich nicht eine Blogging-Plattform gefunden, die Kontrolle lassen wird mir, dass in geeigneter Weise ... Manchmal habe ich einen Blog-Eintrag, der sehr lang ist, manchmal habe ich mehrere nacheinander, die kurz sind ... Ich müsste nur 1 Beitrag auf der Homepage anzeigen, was sehr schlecht ist –

+0

und sogar Dann könnte manchmal ein Beitrag groß genug sein, um dies zu feuern. Überprüfen Sie: http://www.lejanooriente.com/2009/04/79-169-san-francisco/ Ja, ich schreibe zu viel, ich weiß, das ändert sich nicht :-) –

+0

#Seite Stil zu: URL (http://www.lejanooriente.com/wp-content/themes/default/images/tile_left.gif) Repeat-y fixiert 50% 50%; Ich denke, dass es dein Problem lösen wird. – Thinker