谷歌浏览器中的最大背景重复？

Question

我的博客出现了一种奇怪的行为，仅在 Google Chrome 中。 （这是 CSS/浏览器的事情，与服务器组件、Blogger、Wordpress 等无关）。

它的主页确实太长了，我得到的是我的主要“容器”元素的背景在一定高度后停止重复，但仅限于谷歌浏览器。

您可以在http://www.lejanooriente.com 看到它（警告：这是一个包含很多图片的沉重页面，需要一段时间才能加载）

如果你让这个页面完全加载并在任何浏览器和 Chrome 中查看它，你会发现在“任何”浏览器中它看起来都是正确的，而在 Chrome 中显然有些问题。但是，如果您一直滚动到底部，它看起来是正确的。 尝试向上滚动，在某一时刻，您会注意到背景“结束”（距底部约 30% - 40%）。

根据 FireBug，具有背景的元素是 78,472 像素高。它太高了，在相当长的页面中，看不到这种效果。

奇怪的是，这种情况发生在 Chrome 而不是 Safari。

我尝试将背景图像设置得更高，试图弄清楚我是否受到元素高度或背景重复次数的限制。将图像从 30px 更改为 90px 高，并且截止点正好在同一个位置，所以不是这样。

任何想法可能发生什么，或者我是否可以采取一些措施来解决它？ （缩短页面长度不是一种选择）

---

更新：错误报告，问题 9661。但是，如果有人能想到某种解决方法，那就太棒了。

Answer 1

这绝对是 chrome 的 bug，你只需要报告它并等待解决。 我在 Safari 中检查了你的页面，它使用与 Chrome (Webkit) 相同的引擎，页面运行良好。

我的好建议是不要创建这么长的页面，因为这不仅对 Chrome 不利，而且对您的网站访问者也不利。

通过使用固定的背景位置可以解决此错误：

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