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

时间:2024-05-22 18:48:15

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

<!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之后就其他元素就显示在它上面了,比较适合登录功能的背景图平铺整个页面。