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

最新推荐文章于 2020-11-07 15:48:05 发布

weixin_30846599

最新推荐文章于 2020-11-07 15:48:05 发布

阅读量544

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/yxxlin/p/5063682.html

版权

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

转载于:https://www.cnblogs.com/yxxlin/p/5063682.html

关注