css - 使渐变适应浏览器高度

Question

如果您在非最大化窗口中打开我的页面http://goo.gl/68s0t（请不要替换此处的链接，因为我不希望 google 将此页面链接到我的网站。）并在之后最大化它加载后，您会在下部看到渐变重新开始。在 opera 中它是一种渐变，但在其他浏览器中它是垂直重复的。

1. 如何使它不重复，即使渐变适应当前浏览器高度？

2. 有时，我在右下角和左下角看到蓝色方块，是什么原因造成的？

Answer 1

要回答 (2)，蓝色方块是由同时应用于 body 和 html 元素的背景引起的。由于 body 有一个小的边距（默认情况下从浏览器），它向下延伸超出 html 几个像素。它们都具有相同的高度，body 只是垂直偏移了 8px。

左侧和右侧的边距导致这些小框。

要解决此问题，请从 html 中删除背景，仅将其应用于正文，并将边距更改为填充，如果您想要那里的空间。