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

时间 2021-01-16 标签 css

效果图
代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<body>
	<img width="100%" height="100%" src="__IMGFFCS__/css/img/zjy/bg.png" style="position:absolute; left:0; top:0; z-index:-1;"/>
</body>
</html>

原理：把图片相对于浏览器决定定位，把层级设为-1之后就其他元素就显示在它上面了，比较适合登录功能的背景图平铺整个页面。