CSS3背景图片固定居住，滚动条滚动浮动在紧固位置，这种效果网上看见很多。有一种视觉差的酷炫效果，通常大气的企业网站可以非常常见，这种CSS效果运用的好会使网站非常大气上档次。

今天大众资源网互动给大家，其实非常简单。

background-attachment: fixed;

CSS3的属性，background-attachment 属性设置背景图像是否紧固或者随着页面的其余部分翻转。默认值：scroll    继承性：no 。

有三个常用属性选择，

scroll    默认值。背景图像会随着页面其余部分的滚动而移动。    

fixed    当页面的其余部分翻转时，背景图像不能移动。    

inherit    规定应该从父元素继承 background-attachment 属性的设置。    

完备代码案列

.yjs_main_3 {
  width: 100%;
  height: 850px;
  float: left;
  background: url(../img/yjs_main_3_bg.jpg) repeat-y center;
  background-attachment: fixed;
  overflow: hidden;
}