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;
}
相关专题
css
2021-09-24 79css是前端开发中的样式语言,学好CSS可以帮助开发出漂亮的模板,css专题为您整理本站所有css相关信息,包含css模板下载,css使用教程分享和css示例代码....
- css3海浪波浪动态效果代码 [2021-10-25]
- css样式内加载其他CSS文件方法 [2021-09-27]
- HTML5+CSS3前端开发基础入门视频教程 [2021-09-16]
- HTML+CSS物业后台管理系统模板 [2021-08-15]
- HTML5/CSS3响应式Synthetica团队介绍模板 [2021-04-06]
