HTML CSS添加背景自适应窗口

HTML CSS添加背景自适应窗口

在设计网页时，要把网页设计好看，背景图片是必要的，但在操作的时候，往往设置的背景图片不会随窗口大小变而变，甚至还有会有图片重叠的情况，下面我们就来安排代码。

html,body{
	height: 100%;
}

body{
	background: url(../img/loginbac.jpg) no-repeat center/cover;
}

html,body表示，能够随时捕获主窗口的高度，让其body能够实时的改变高度，达到高度自适应大小。
url:(图片位置)。
no-repeat表示不允许图片重复。
center表示页面图片居中。
cover表示页面图片充满屏幕。
接下来是效果图：