向页面添加内容会使背景混乱[重复]

Question

这个问题已经在这里有了答案：

• CSS背景渐变重复问题 2答案

我已使用此生成器生成我喜欢的渐变背景。 这样，我设法创建了以下外观CSS代码。 它在蓝色的不同口味之间淡入淡出。

background-image: -ms-linear-gradient(top, #2BD0FF 0%, #09ADF1 100%);
background-image: -moz-linear-gradient(top, #2BD0FF 0%, #09ADF1 100%);
background-image: -o-linear-gradient(top, #2BD0FF 0%, #09ADF1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2BD0FF), color-stop(1, #09ADF1));
background-image: -webkit-linear-gradient(top, #2BD0FF 0%, #09ADF1 100%);
background-image: linear-gradient(to bottom, #2BD0FF 0%, #09ADF1 100%);

我已将其粘贴到我的CSS代码的主体部分中。 它看起来很平滑，但是当我使用在另一个主题中发布的代码添加内容时，背景就会变成条纹。

这是一张图片，显示了正在发生的效果。 图片实际上是我添加 时出现的问题的屏幕截图  在body 。 云的情况类似（有关云，请参见上面的链接），但条纹更宽。

我的HTML页面的body包含其他一些元素，但是删除它们不会影响这种情况。 我在head部分包含了jQuery 1.9.1，我的代码与前面链接的讨论完全相同。

是什么原因导致这种问题？

Answer 1

使用background-repeat: no-repeat 。 这应该可以解决问题。

Answer 2

感谢albertxing，我找到了正确的关键字，并使用Google查找了解决方案。 看来这个话题已经被另一个问题覆盖了。

CSS背景渐变重复问题