如何让背景图片平铺满整个浏览器页面
来源： 时间：2024-11-23 09:20
最近做东西的时候一直都会遇到一个问题，就是做一个网站的登录页面时，我们需要单张图片作为背景能平铺铺满整个浏览器页面（不是通过repeat-x或者repeat-y哦），就是让背景图片按照浏览器大小进行水平或竖直方向的拉伸铺满浏览器。
我也去网络上搜了好多解决方案，最后得到了这样一个解决方案，我已经试验过，非常有用。这种方法是直接对img标签进行设置，不是div哦！代码如下：
首先在需要设置背景的父容器里放上一个img标签，并对其设置大小：
1 <body><img width="100%" height="100%" src="图片的相对路径"/></body>
然后要对img的位置进行设定：
1 <body><img width="100%" height="100%" src="图片的相对路径" style="position:absolute; left:0; top:0; z-index:-1;"/></body>
相关知识
如何修复谷歌浏览器的字体看起来不正常？谷歌浏览器网页字体不正常解决方法
静态页面和动态页面中的静态和动态到底指的是什么
QQ浏览器如何设置漂亮的皮肤
via浏览器和自用插件推荐
复古装饰花卉大写字母 F，由花和叶组成，用于字体、字母组合或页面装饰设计背景图片免费下载
鲜花网站页面规划（ECSHOP模版）
铺满金色巴掌的水泥道课后小练笔怎么写（精选9篇）
铺满金色巴掌的水泥道课后小练笔（精选19篇）
字帖生成器
铺满金色巴掌的水泥道小练笔仿写（精选14篇）
网址: 如何让背景图片平铺满整个浏览器页面 https://www.huajiangbk.com/newsview671234.html
| 上一篇: 薰衣草花语（探索薰衣草的代表意义 |
下一篇: JS实现div动态水平垂直居中 |
推荐分享
- 1君子兰什么品种最名贵 十大名 4012
- 2世界上最名贵的10种兰花图片 3364
- 3花圈挽联怎么写？ 3286
- 4迷信说家里不能放假花 家里摆 1878
- 5香山红叶什么时候红 1493
- 6花的意思,花的解释,花的拼音 1210
- 7教师节送什么花最合适 1167
- 8勿忘我花图片 1103
- 9橄榄枝的象征意义 1093
- 10洛阳的市花 1039
分享热点排名
