【发布时间】：2012-05-16 10:17:11
【问题描述】：
我想在我的网页上重新创建背景渐变shown here。与简单的线性渐变不同，它不能很好地重复（作为图像），因此它可以填充可变长度。谁能推荐一种方法来达到预期的效果？
【问题讨论】：
标签： html css radial-gradients
【发布时间】：2012-05-16 10:17:11
【问题描述】：
我可能错过了这个想法，但您可以从这里开始：http://jsfiddle.net/yvsV7/
【讨论】：
-
几乎...我在 chrome 中尝试过，它从上到下呈现为两条暗带。将位置从绝对位置更改为相对位置可以解决问题，但随着内容的增长，渐变会向上滚动并离开页面。
-
另请注意，每个角落都有两个微妙的渐变，只有在页面底部时才会出现。
-
回复第一条评论：奇怪，我用 Chrome 来整理示例。您使用的是哪个版本？而且我不太明白滚动的意义。无论滚动或其他什么，您是否希望背景保持静止？
-
我正在运行 18.0.1025.168。我把它放在背景中，我的内容全部包裹在一个 div 中。我不确定这是否是我想要的，但我想看看。您提供的示例在我的登录页面上看起来很不错，但其他页面的内容要多得多。您给出的示例当时看起来不太好，因为向下滚动后效果就消失了。我在想我可以在滚动时保持背景静止。
-
成功了！我已将此标记为已回答，但仍有一个小问题可以使其完美。指定渐变位置的百分比在垂直方向上效果很好（总是在中心），但在水平方向上效果不好，因为我的内容是固定宽度的 div。有没有办法相对于屏幕中心而不是左上角来定位渐变？例如，我想将其设为 center-400pixels。