2009-04-02 19 views
0

私は自分のブログで奇妙な動作をしていますが、Google Chromeのみです。 (これはCSS /ブラウザのことであり、サーバーコンポーネント、Blogger、Wordpressなどとは関係ありません)。Google Chromeの背景を最大限に繰り返しますか?

ホームのページは長すぎますが、私の主な「コンテナ」要素の背景が特定の高さの後で繰り返されなくなるのは、Google Chromeだけです。

あなたはhttp://www.lejanooriente.comでそれを見ることができます(警告:それはたくさんの写真と重いページのロードに時間がかかります)

あなたは完全にこのページの負荷を聞かせて、あらゆるブラウザとChromeでそれを見れば「任意の」ブラウザで正しく表示され、Chromeでは何かが明らかにオフになっていることがわかります。あなたが一番下にスクロールすると、それは正しいように見えます。 スクロールアップを試してみてください。ある時点で、背景が「終わり」(下から約30%〜40%)になっています。

FireBugによると、バックグラウンドを持つ要素は78,472 pxです。これはあまりにも背が高く、かなり長いページでは、この効果は見られません。

奇妙なことに、これはChromeで発生しますが、Safariでは発生しません。

背景の高さを上げて、要素の高さや背景が繰り返された回数に制限があるかどうかを試してみました。画像を30pxから90pxの高さに変更しました。カットオフは正確に同じ場所にあるため、そうではありません。

何が起こっているのでしょうか、それとも私がそれを修正するために何かできるかどうか?


UPDATE(ページがあまり長く作るには、オプションではありません):誰もが、しかし、それは素晴らしいことだ。このための回避策のいくつかの種類を考えることができる場合はバグは、問題9661.を報告しました。

答えて

2

これは間違いなくクロムバグであり、報告するだけで解決策を待つだけです。 Chrome(Webkit)と同じエンジンを使用するSafariであなたのページをチェックしたところ、ページはうまく動作します。

私は、このような長いページを作成しないことをお勧めします。これはChromeにとって悪いだけでなく、サイト訪問者にとっても悪いことです。固定背景位置使って、このバグの回避策はあり

:私は、ページの長さを知って

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

は、問題は、私は私のコントロールをその適切もらおうブログプラットフォームを発見していないということです... ときどき私は非常に長い1つのブログ投稿を持っていますが、時折私は短いものがいくつか連続しています...私は非常に悪いホームページに1つの投稿を表示しなければならないでしょう –

+0

時には1つのポストがこれを発射するのに十分な高さになることがあります。チェック:http://www.lejanooriente.com/2009/04/79-169-san-francisco/ はい、私はあまりにも多くのことを書いていますが、それは変更されていません:-) –

+0

#ページスタイルを次のように設定してください: url(http://www.lejanooriente.com/wp-content/themes/default/images/tile_left.gif)repeat-y fixed 50%50%; 私はそれがあなたの問題を解決すると思います。 – Thinker

関連する問題