CSS3背景图片固定滑动效果

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;}

下载链接：网站源码/小程序源码/网站模板下载

Tags： 背景图片 效果 滑动 固定