CSS3背景图片固定滑动效果

简介CSS3背景图片固定住,滚动条滚动浮动在固定位置,这种效果网上看到很多。有一种视觉差的酷炫效果,一般大气的企业网站会非常常见,这种CSS效果运用的好会让网站非常大气上档次。今天站长图库分享给大家,其实非常简单。background-attachment:fixed;CSS3的属性,background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。默认值:scroll继承

  

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-ycenter;background-attachment:fixed;overflow:hidden;}

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

版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
网站技巧

帝国cms二次开发搜索页支持php和动态标签代码

2024-9-19 19:44:25

网站技巧

Mysql报错“Incorrect key file for table” 数据库表显示“使用中”解决办法

2024-9-19 19:44:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索