【实例介绍】

html背景图片滚动属性bgproperties

在默认情况下,如果页面的内容较长,当拖动浏览器滚动条的时候,背景会随着文字内容的滚动而滚动,所谓背景图像固定,是指不论浏览器的滚动条如何拖动,背景都永远固定在相同的位置,并不会随着文字滚动而滚动。

【基本语法】

【语法介绍】

Intemet Explorer和Netscape Navigator6都支持

标签的bgproperties属性扩展。但它只有与background属性扩展一起使用时才有效。bgproperties属性只有一个值fixed。它把背景图像冻结在浏览窗口,这样就不会随着其他窗口的内容而滚动了。

【实例代码】

主体元素的背景图片滚动属性

              每个梦想都值得灌溉

              眼泪变成雨水就能落下来

              每个孩子都应该被宠爱

              他们是我们的未来

              这是最好的未来

              我们用爱铸造完美现在

              千万溪流汇聚成大海

              每朵浪花一样澎湃

              这是最好的未来

              不分你我彼此相亲相爱

               千山万水证明这关怀

              幸福永远与爱同在

【代码分析】

在代码中,加粗部分的代码标记是设置背景的属性为固定,文字是为了使页面的长度增加,出现滚动条,在浏览器中预览效果,当拖动了浏览器的滚动条之后,背景图像并不会跟着一起滚动,而是固定在了原有的位置上,这样,背景固定的效果就实现了。

没有拖动滚动条之前的页面效果

背景固定的效果

【素材及源码下载】

自动滑动背景图片html,html背景图片滚动属性bgproperties相关推荐

  1. UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换,UIPageControl可点击

    原文链接http://blog.csdn.net/zhuiyi316/article/details/7756472 研究了一整天的成果,也借鉴了网上的一些资料,参考了http://huluwa.me ...

  2. Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法,本文实例讲述了js实现点击图 - phpStudy...

    js实现点击图片改变页面背景图的方法 本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片 希望本文所述对大家的javascrip ...

  3. html怎么去除照片背景颜色,photoshop怎么去除图片背景色

    在我们的日常生活中,图片是必不可少的一项信息和工具,在使用图片时,难免会遇到需要处理的图片,那么大家知道photoshop怎么去除图片背景色吗?下面是学习啦小编整理的photoshop怎么去除图片背景 ...

  4. html动态图片怎么设背景,微信8.0状态背景视频怎么设置?状态视频动态背景图设置教程[多图]...

    微信8.0状态背景视频怎么设置?许多人可能都还并不是很了解微信8.0的我的状态功能要怎么设置动态的视频作为背景图.现在就让小编为各位分享,微信8.0状态背景视频设置教程. 微信8.0状态背景视频怎么设 ...

  5. 图片如何抠图换背景?怎样将图片抠成透明底图片?

    如果想让图片背景透明化,大家可以通过抠图(https://www.yasuotu.com/koutu)方法来进行操作.现在网上有很多抠图换背景的工具,操作复杂还需要下载,非常耽误大家的时间.今天可以使 ...

  6. 调用bing图片html代码,网站背景调用必应Bing每日图片教程附接口

    本次为大家带来的是为网站背景调用必应Bing每日图片教程附接口 微软的必应搜索的每日图片的内容也是非常好看非常美的 小编突发奇想把必应每日更新的图片应用到网站背景 然后就能每天自动换很好看的网站背景了 ...

  7. CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图

    设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...

  8. html背景图片内填充,CSS基础——使用图片填充元素背景

    在网页设计中,使用图片来填充元素背景,可以让元素背景呈现丰富多彩的外观.使用图片填充元素背景的常用样式标签有background-image.background-repeat.background- ...

  9. 使用Glide加载、缓存图片、解决背景出现浅绿色

    之前一直使用Volley ImageLoader.或者Picasso,无意间发现Glide,觉得真的是棒棒的. 1.和其他的一样在Module的build.gradle中添加依赖 compile 'c ...

最新文章

  1. java 商城 jfinal,Jfinal开发农副产品电子商城系统,完整前后台系统
  2. 修改mac系统的host文件 (一)
  3. java cmd 等待输入_JAVA:调用cmd指令(支持多次手工输入)
  4. java label覆盖_java – 将JLabel置于JLabel之上,其中包含图像
  5. C语言之函数指针和函数的首地址
  6. java实现人脸识别源码【含测试效果图】——Dao层(IBaseDaoUtil)
  7. Oozie自带MapReduce示例的运行
  8. xssProject在java web项目中应用
  9. 如何写一份交互说明文档
  10. PHP100视频教程(2012-2013版)下载地址及密码
  11. 2020届秋招/WEB前端工程师/面经/内附面试问题心得体会/vue框架面试题
  12. 轻快PDF阅读器阅读pdf文件步骤
  13. 孙鑫vc++ 第六课 笔记 菜单的工作原理及编写应用
  14. 如何设计一个高并发的秒杀架构?
  15. MATLAB入门与作图
  16. 《自然语言处理学习之路》05 新闻分类任务实战
  17. 圆形体癣是什么样子的图片_【圆圈状的癣不痛不痒】_原因_起因-大众养生网
  18. 平面设计实验一 新建文件和格式模式转换
  19. 测试框架#labview
  20. 跟着这份清理教程,帮你的 Mac 腾出更多储存空间

热门文章

  1. Linux下同一个Tomcat部署多个项目不同端口访问
  2. PTA:一帮一(C语言)
  3. python web项目打包部署_打包package
  4. 给Ubuntu服务器安装图形化界面
  5. 损失函数(Loss)
  6. 学习使用master.dbo.spt_values表
  7. 一维信号小波阈值去噪
  8. Cadence Orcad Capture新建原理图Symbol及新建和添加元件库到工程的方法图文教程及视频演示
  9. scanf(3c,c);
  10. 微机原理与接口技术:微型计算机输入输出接口 详细笔记与例题