css - 背景图像仅在一页上中断

Question

我遇到了一个问题，即居中对齐并垂直重复的背景图像仅在“最新新闻”页面上中断。

我似乎无法找到它为什么会中断，特别是因为它在网站内的所有其他页面上都很好，并且页面中没有大小不同的部分等。

我已经使用萤火虫检查了页面的各个方面，但仍然找不到导致问题的原因，任何帮助将不胜感激。

Answer 1

看起来背景图像在页面上放置了两次。由于您使用的是 2000 x 2000 的尺寸，因此剪裁会出现在页面的早期，从而导致顶部/底部不合适的问题。

另一件事是顶部/底部不合适，因此所有超过 2000 像素的页面都会被切割，这就是页面上第二次切割的原因。您应该改用小得多的图像，例如 10-40 像素高，这样在重复时会很合适。这将为您的用户提供更快的页面速度。它也可能解决问题，或帮助您找出原因。

Answer 2

我认为该页面需要一张图片，它会重复。

但是，看看你的图像，图像的顶部似乎与底部没有正确连接。（你知道我的意思吗？）。