61,112
社区成员
发帖
与我相关
我的任务
分享怎样用CSS控制网页背景图片满屏显示并保证内容剧中显示？
怎样用CSS控制网页背景图片满屏显示并保证内容剧中显示？
1、网页背景是一张图片，要求能自适应浏览器大小满屏显示
2、整个网页是一个登陆框，要求登陆框在屏幕的横向和垂直都剧中显示。
1、网页背景是一张图片，要求能自适应浏览器大小满屏显示
2、整个网页是一个登陆框，要求登陆框在屏幕的横向和垂直都剧中显示。
...全文
请发表友善的回复…
发表回复
天际的海浪 2018-09-05
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
html,body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background: url("83.png") no-repeat center center;
background-size: cover;
}
div {
background-color: #99f;
width: 400px;
height: 200px;
position: fixed;
left: calc(50% - 200px);
top: calc(50% - 100px);
}
</style>
</head>
<body>
<div>登录框</div>
</body>
</html>
