自动滑动背景图片html,html背景图片滚动属性bgproperties
【实例介绍】
html背景图片滚动属性bgproperties
在默认情况下,如果页面的内容较长,当拖动浏览器滚动条的时候,背景会随着文字内容的滚动而滚动,所谓背景图像固定,是指不论浏览器的滚动条如何拖动,背景都永远固定在相同的位置,并不会随着文字滚动而滚动。
【基本语法】
【语法介绍】
Intemet Explorer和Netscape Navigator6都支持
标签的bgproperties属性扩展。但它只有与background属性扩展一起使用时才有效。bgproperties属性只有一个值fixed。它把背景图像冻结在浏览窗口,这样就不会随着其他窗口的内容而滚动了。
【实例代码】
主体元素的背景图片滚动属性
每个梦想都值得灌溉
眼泪变成雨水就能落下来
每个孩子都应该被宠爱
他们是我们的未来
这是最好的未来
我们用爱铸造完美现在
千万溪流汇聚成大海
每朵浪花一样澎湃
这是最好的未来
不分你我彼此相亲相爱
千山万水证明这关怀
幸福永远与爱同在
【代码分析】
在代码中,加粗部分的代码标记是设置背景的属性为固定,文字是为了使页面的长度增加,出现滚动条,在浏览器中预览效果,当拖动了浏览器的滚动条之后,背景图像并不会跟着一起滚动,而是固定在了原有的位置上,这样,背景固定的效果就实现了。
没有拖动滚动条之前的页面效果
背景固定的效果
【素材及源码下载】
自动滑动背景图片html,html背景图片滚动属性bgproperties相关推荐
- UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换,UIPageControl可点击
原文链接http://blog.csdn.net/zhuiyi316/article/details/7756472 研究了一整天的成果,也借鉴了网上的一些资料,参考了http://huluwa.me ...
- Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法,本文实例讲述了js实现点击图 - phpStudy...
js实现点击图片改变页面背景图的方法 本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片 希望本文所述对大家的javascrip ...
- html怎么去除照片背景颜色,photoshop怎么去除图片背景色
在我们的日常生活中,图片是必不可少的一项信息和工具,在使用图片时,难免会遇到需要处理的图片,那么大家知道photoshop怎么去除图片背景色吗?下面是学习啦小编整理的photoshop怎么去除图片背景 ...
- html动态图片怎么设背景,微信8.0状态背景视频怎么设置?状态视频动态背景图设置教程[多图]...
微信8.0状态背景视频怎么设置?许多人可能都还并不是很了解微信8.0的我的状态功能要怎么设置动态的视频作为背景图.现在就让小编为各位分享,微信8.0状态背景视频设置教程. 微信8.0状态背景视频怎么设 ...
- 图片如何抠图换背景?怎样将图片抠成透明底图片?
如果想让图片背景透明化,大家可以通过抠图(https://www.yasuotu.com/koutu)方法来进行操作.现在网上有很多抠图换背景的工具,操作复杂还需要下载,非常耽误大家的时间.今天可以使 ...
- 调用bing图片html代码,网站背景调用必应Bing每日图片教程附接口
本次为大家带来的是为网站背景调用必应Bing每日图片教程附接口 微软的必应搜索的每日图片的内容也是非常好看非常美的 小编突发奇想把必应每日更新的图片应用到网站背景 然后就能每天自动换很好看的网站背景了 ...
- CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图
设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...
- html背景图片内填充,CSS基础——使用图片填充元素背景
在网页设计中,使用图片来填充元素背景,可以让元素背景呈现丰富多彩的外观.使用图片填充元素背景的常用样式标签有background-image.background-repeat.background- ...
- 使用Glide加载、缓存图片、解决背景出现浅绿色
之前一直使用Volley ImageLoader.或者Picasso,无意间发现Glide,觉得真的是棒棒的. 1.和其他的一样在Module的build.gradle中添加依赖 compile 'c ...
最新文章
- java 商城 jfinal,Jfinal开发农副产品电子商城系统,完整前后台系统
- 修改mac系统的host文件 (一)
- java cmd 等待输入_JAVA:调用cmd指令(支持多次手工输入)
- java label覆盖_java – 将JLabel置于JLabel之上,其中包含图像
- C语言之函数指针和函数的首地址
- java实现人脸识别源码【含测试效果图】——Dao层(IBaseDaoUtil)
- Oozie自带MapReduce示例的运行
- xssProject在java web项目中应用
- 如何写一份交互说明文档
- PHP100视频教程(2012-2013版)下载地址及密码
- 2020届秋招/WEB前端工程师/面经/内附面试问题心得体会/vue框架面试题
- 轻快PDF阅读器阅读pdf文件步骤
- 孙鑫vc++ 第六课 笔记 菜单的工作原理及编写应用
- 如何设计一个高并发的秒杀架构?
- MATLAB入门与作图
- 《自然语言处理学习之路》05 新闻分类任务实战
- 圆形体癣是什么样子的图片_【圆圈状的癣不痛不痒】_原因_起因-大众养生网
- 平面设计实验一 新建文件和格式模式转换
- 测试框架#labview
- 跟着这份清理教程,帮你的 Mac 腾出更多储存空间