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

方法,一
<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. 【数据分析】Databricks入门:分析COVID-19
  2. Java学习lesson 02
  3. 高效java工具类总结
  4. [杂谈] 2013年新目标
  5. 计算机房等电位连接,《计算机房屏蔽及等电位防护措施原稿2021版》
  6. 黑马程序员各学科超长体验课知识点汇总
  7. 全媒体时代的速度与激情:香港凤凰卫视云端转型实践
  8. 日元对人民币汇率的大数据分析与预测
  9. 关于国密HTTPS的那些事(三)
  10. c语言中单词的作用与形式,C语言基础教程:单词的用法与规则
  11. 电脑中显示dns服务器可能不可用,Win7网络诊断“DNS服务器可能不可用”怎么解决?-电脑自学网...
  12. php distinct 用法,distinct的用法
  13. 美国西储大学轴承数据
  14. 安装office未能启动服务器,关于 office 2013 无法安装的解决方法
  15. 物理层一致性(Compliance)测试
  16. 京东商品图片下载工具1.0 springboot版
  17. STANet: 基于时空自注意力的遥感图像变化检测模型,提出一个新的大型变化检测数据集LEVIR-CD
  18. ABP中使用MySql数据库
  19. WARNING: Ignoring invalid distribution -orch (d:\ruanjian\anaconda\b\lib\site-packages)
  20. Java 界面按钮动作监听器

热门文章

  1. python股票编程入门_Python股票量化投资-3.python基础
  2. # SAP 系统的BASIS岗位学习手册
  3. 攻防世界WEB进阶之ics-05
  4. 【ReID】【代码注释】OSNet模型 deep-person-reid/torchreid/models/osnet.py
  5. 机器学习(一) 数据可视化
  6. 软件测试周刊(第06期):程序员最大的谎言是什么?
  7. 常见的神经网络控制结构,神经网络分子结构模型
  8. 虚拟机Vmware玩游戏运行卡顿还有慢的问题解决办法
  9. python将txt文件批量导入excel
  10. 网络电话显示服务器拒绝,云安全日报201223:思科IP电话发现拒绝服务漏洞 需要尽快升级...