CSS3背景图片固定滑动效果

 4073

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



本文网址:https://www.zztuku.com/detail-7698.html
站长图库 - CSS3背景图片固定滑动效果
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐