如果帮到你请点一个赞,谢谢

方法,一
<body background="图片的位置一般是在img/ "style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;">

方法二:使用css的样式

在网页布局时我们经常会遇到这样的问题:图片的分辨率是1024*768,在1024*748的屏幕上能显示完整,一旦在800*600的屏幕上是就显示不完整,为了让图片的大小能适应不同的分辨率,可以这样来设置背景:

<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; ">
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="包囊.png" />背景图片的验证
</div>

这里需要提出几点:

1.<img/>的z-index为-1,其实也就相当于一个背景的设置;

2.width height设为100%是解决问题的关键;

在html中进行背景图片的修改为一张图片全屏相关推荐

  1. 在vue中设置背景图片

    在vue中设置背景图片 在App.vue中将样式中默认的margin-top 改为0,使得页面顶部不留白 #app {font-family: 'Avenir', Helvetica, Arial, ...

  2. table vue 背景图片_table中background背景图片自动拉伸

    解决android:background背景图片被拉伸问题 ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而s ...

  3. 怎么更改锁定计算机背景图片,开关机背景图片如何修改_win7电脑开关机背景图片更改的方法...

    最近有朋友问小编开关机背景图片如何修改的问题,其实对于这个问题,相信还有很多朋友不明白,有时候我们觉得电脑自带的开机关机背景图片不好看,想要更换开关机壁纸.那么怎么更改开机关机背景呢?别着急,今天小编 ...

  4. echarts热力背景图_Echarts 图表中设置背景图片

    在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表中设置背景图片. image 在Echarts的实例中,找到一个实 ...

  5. Vue中添加背景图片

    往一个div中添加背景图片 bgImg:为图片地址 希望能帮到你!!

  6. html语言设置网页背景,HTML+CSS入门 设置网页中的背景图片的5个属性

    本篇教程介绍了HTML+CSS入门 设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...

  7. Vue项目中设置背景图片

    在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...

  8. 简历背景图片设置html代码,怎么在简历中添加背景图片

    在简历中添加背景图片的方法二 步骤1.在菜单栏选择图片->自来文件->选择图片后->确定; 步骤2.选图片->右键-->设置图片格式->版式->衬于文字下方; ...

  9. Echarts图表中设置背景图片

    Echarts 图表中设置背景图片 在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表中设置背景图片. graphi ...

最新文章

  1. Ubuntu 安装 Etcd
  2. idea显示初始界面_Python基础 PyCharm 的初始设置
  3. [Linux实用工具]munin-node插件配置和插件编写
  4. HDU 6061 RXD and functions(NTT)
  5. @Autowired注解能用在static属性吗?autowired注入static属性上为null
  6. 【map分组求和】map集合根据某一key分组,再对某一key对应的所有值求和
  7. ue4蓝图运行顺序_UE4蓝图解析(四)
  8. 通用即插即用监视器驱动下载_DirectX10下载|DirectX10 10.1 官方版
  9. 学生成绩管理系统设计java_java学生成绩管理系统设计与实现
  10. 中国新一代超级安全核燃料材料入堆辐照试验开始
  11. android音乐播放器横评,14款Android音乐播放器年度横评 安卓播放器对比测评
  12. zencart如何更换模版
  13. 2019unity游戏开发需要学什么?
  14. unityar自动识别人脸_三款Unity插件带您玩转人脸识别与模拟
  15. Android Studio制作.9.png图片
  16. 阿里-测试开发工程师-18年暑期实习-一面
  17. 【Vue】Vue全家桶(三)Vue组件通信+Vue组件插槽+动画与过渡+使用vue-cli解决Ajax跨域问题
  18. linux内核之alsa,Linux系统中的虚拟调音台Alsamixer的使用
  19. 黑莓9780服务器证书过期,SSL证书过期问题解决
  20. utf-8 和 utf8 的亿点细节

热门文章

  1. Mysql 级联删除失败
  2. 【计量经济学】跨时期横截面的混合
  3. 启锐 打印机相关配件报价 售后
  4. 台式电脑脑计算机没法启动怎么办,台式电脑不能启动怎么办
  5. android应用开发-从设计到实现 3-9 Origami动态原型设计
  6. VIM配置及插件入门
  7. 简单移动平均SMA和指数移动平均EMA
  8. java 递归查询组织机构树
  9. 2022年跨境电商卖家必知的黑色星期五营销策略
  10. 东华大学计算机学院推免名单,东华大学2021年接收推荐免试攻读硕士研究生预申请公告...