<body>中设置:

<body background="images\bg.jpg"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

第一行是图片url
第二行是背景图片不重复
第三行是达到窗口的百分百比例
第四行是图片固定,随着页面滚动而移动

html设置背景图片自适应相关推荐

  1. HTML 设置背景图片自适应

    HTML 设置背景图片自适应 background: url(xxx.png) no-repeat fixed; background-size:100% 100%;

  2. 用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏?附源码!...

    不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...

  3. css怎么设置背景图片自适应大小

    在css中,可以利用"background-size"属性设置背景图片自适应大小,该属性用于设置背景图片的大小,只需要给背景图片元素添加"background-size: ...

  4. div设置背景图片自适应

    div设置背景图片,不重复不变形,还可根据不同屏幕的宽度,自适应高度 效果: 宽度变窄,高度相应比例变窄 宽度变宽,高度相应比例变宽 高度与宽度无法直接自适应,需要找一个中间的属性相串联. 宽度的自适 ...

  5. css设置背景图片自适应

    CreateTime--2017年12月25日16:36:07 Author:Marydon 控制背景图片100%自适应填充布局 /* 控制背景图片100%自适应填充布局 */ body{ backg ...

  6. css设置背景图片自适应(转)

    body{background-image: url("../img/deng_lu.jpg");background-repeat:no-repeat;background-si ...

  7. background-size设置背景图片自适应 在ie8下失效的问题

    遇到的问题是 :有一个div ,div用绿色框体现.然后通过js控制框的大小,实现动态的改变div的大小. (放大缩小窗口,div跟随变大变小.) 设置了div的css属性  background-i ...

  8. web前端开发人员要求,css设置背景图片自适应

    为什么要写这篇文章 从一开始手指冒汗被怼的说不出话,到最后和面试官侃侃而谈游刃有余,我发现:同样的能力水平,在不同的面试表现下,反馈到面试官眼中的结果可以有着天壤之别. 因此,如果你希望把自己的真实水 ...

  9. .net的label的背景如何设置成为透明_css如何设置背景图片?background属性添加背景图片...

    在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...

最新文章

  1. Ajax、Comet与Websocket
  2. Spring Boot 获取 Bean 的 3 种方式!还有谁不会?
  3. python--*args和**kwargs可变参数
  4. 信息奥赛一本通(1180:分数线划定)——插入排序
  5. bootstrap 导航栏 字体 颜色_设计自己的Hugo主题——开发导航栏
  6. 给hadoop 2.7.1 定制树莓派参数
  7. python-gui-pyqt5的使用方法-6--lambda传递参数的方法:
  8. 【批量查询IP归属】
  9. 【业务安全-01】业务安全概述及测试流程
  10. 38.JavaScript中异步与回调的基本概念,以及回调地狱现象
  11. 207:PGA Tour Prize Money
  12. 程序运算小数时为什么会出错?
  13. IMP-00017 Oracle数据库imp命令导入时1659错误处理
  14. ModelMapper 的高级使用
  15. 记录一次云服务器被劫持下载了挖矿病毒的处理过程
  16. 免费开源.net的pdf操作控件PdfiumViewer
  17. 2023泰迪杯数据挖掘赛B题完整成品讲解
  18. 零基础学前端.jQuery入门与实践教程
  19. 【1】基于ATmega 8A -PU 的蓝牙遥控电源插座设计——【3、制作以及 测试】
  20. windows 问题 LoadLibrary失败,GetLastError= 193

热门文章

  1. Dx bad class file magic (cafebabe) or version (0033.0000) 导致 NoClassDefFoundError 的问题
  2. pd.DataFrame()快速筛选数据
  3. 翻转棋c语言算法,有没有人懂黑白棋(翻转棋)的核心算法
  4. 赶紧入手,python面试题之Python如何实现单例模式?
  5. 中文大写数字转换为阿拉伯数字(java)
  6. 公用Foot和友情链接模块代码模板
  7. 国学入门书要目及其读法----梁启超
  8. mysql created_tmp_tables_Created_tmp_tables和Created_tmp_disk_tables参数一问
  9. 6-1 简单快速排序分数 10作者 唐艳琴单位 中国人民解放军陆军工程大学本题要求实现一个函数,可快速查找给定x(保证是整个数据中其值存在,如果x有多个,查找第一个x)在整个数据中的排名(数据
  10. 弘辽科技:降低ppc的3个环节4个核心点 。