大前端大多数时候，我们看到的广告都是固定在页面的某个位置，如下图的首页，一看就知道是硬广啦。
看到标题是不是很疑惑，什么样的广告，想再来一打？不废话，先来看看效果吧。
See the Pen 视觉差 by cc (@glccgl) on CodePen.
这种视觉差效果很少用在广告上（目前只在知乎上看到过，每次都想多撇几眼）。
以上效果主要使用background-attachment实现，该属性设置背景图像是否固定或者随着页面的其他部分滚动。来学习一下几个主要的取值：
1、local 表示背景相对于元素的内容固定，如果元素可滚动，则背景将会随着元素的内容滚动
2、scroll 表示背景相对于元素本身固定，如果元素可滚动，背景不随着内容滚动
3、fixed 表示背景相对于视口固定，如果元素可滚动，背景不随着元素的内容滚动
可通过以下demo体会
See the Pen background-attachment by cc (@glccgl) on CodePen.
