css 背景重复时，出现分层的效果，请问如何解决

Question

效果如下：

css代码如下：

在界面高度超过背景图片高度的时候，背景图片重复。但是会出现明显的界限，请问这个要怎么解决？

使用no-repeat的效果如下：

下面直接没有背景图片了。。。(╥╯^╰╥)

Answer 1

你的图片又不是纯色，图片顶部和底部不一样 重复肯定会这样
如果你的背景是浏览器窗口大小的话可以让背景固定不随滚动条滚动

body{
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
}

Answer 2

no-repeat

背景图有渐变的，不建议用repeat，所以改成no-repeat.