我在我的博客中发现了一种奇怪的行为,仅在谷歌浏览器中。(这是 CSS/浏览器的事情,与服务器组件、Blogger、Wordpress 等无关)。
它的主页确实太长了,我得到的是我的主要“容器”元素的背景在一定高度后停止重复,但仅限于谷歌浏览器。
您可以在http://www.lejanooriente.com看到它(警告:这是一个包含很多图片的沉重页面,需要一段时间才能加载)
如果你让这个页面完全加载并在任何浏览器和 Chrome 中查看它,你会发现在“任何”浏览器中它看起来都是正确的,而在 Chrome 中显然有些问题。但是,如果您一直滚动到底部,它看起来是正确的。尝试向上滚动,在某一时刻,您会注意到背景“结束”(距底部约 30% - 40%)。
根据 FireBug,具有背景的元素是 78,472 像素高。它太高了,在相当长的页面中,看不到这种效果。
奇怪的是,这发生在 Chrome 而不是 Safari 中。
我尝试让背景图像更高,试图弄清楚我是否受到元素高度或背景重复次数的限制。将图像从 30px 更改为 90px 高,并且截止点正好在同一个位置,所以不是这样。
有什么想法会发生什么,或者我是否可以做些什么来解决它?(使页面变短不是一种选择)
更新:错误报告,问题 9661。但是,如果有人能想到某种解决方法,那就太棒了。