0

我在我的博客中发现了一种奇怪的行为,仅在谷歌浏览器中。(这是 CSS/浏览器的事情,与服务器组件、Blogger、Wordpress 等无关)。

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

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

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

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

奇怪的是,这发生在 Chrome 而不是 Safari 中。

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

有什么想法会发生什么,或者我是否可以做些什么来解决它?(使页面变短不是一种选择)


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

4

1 回答 1

2

这绝对是一个 chrome 错误,您只需要报告它并等待解决方案。我在 Safari 中检查了您的页面,该页面使用与 Chrome (Webkit) 相同的引擎,并且该页面运行良好。

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

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

#page { background: url(/images/tile_left.gif) repeat-y fixed 50% 50%; }
于 2009-04-02T21:30:54.723 回答