首页 > 分享 > 如何让背景图片平铺满整个浏览器页面

如何让背景图片平铺满整个浏览器页面

    最近做东西的时候一直都会遇到一个问题,就是做一个网站的登录页面时,我们需要单张图片作为背景能平铺铺满整个浏览器页面(不是通过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://m.huajiangbk.com/newsview671234.html

所属分类:花卉
上一篇: 薰衣草花语(探索薰衣草的代表意义
下一篇: JS实现div动态水平垂直居中