所以我正在尝试创建一个包含两个 div
元素的网页。在一个图像中。第二个是 background-color
。但是有一个问题。图像没有到达屏幕边缘!我怎样才能做到这一点?我不想使用宽度的定义器,我希望它在所有内容上都能很好地缩放。
<head>
<title>Derr</title>
<style>
body {
font-family: "Courier New", Courier, monospace;
}
.fadein {
background-image: url("img.bmp");
height: 549px
}
</style>
</head>
<body>
<div class="fadein">
<br><br><br><br><br>
</div>
</body>
使用 Chrome。
最佳答案
你必须这样做
body{
margin:0px;
}
.fadein{
background-image: url(http://lorempixel.com/400/200);
background-position: center;
background-size: cover;
height: 100vh;
}
<body>
<div class="fadein">
</div>
</body>
关于html - 背景图片全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36608803/