>问题
我正在尝试在 CSS 中设置div的背景图像，但它不起作用。
法典
.img-background {
background-image: url('Portfolio5.jpg');
height:100%;
width: 100%;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Site</title>
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style1.css">
</head>
<body>
<div class="img-background"></div>
</body>
</html>jsfiddle
在.image-background类中，您将高度设置为100%;这将导致它变为父元素(即主体(高度的 100%。但是，正文没有指定高度，因此它默认为0，因此您的图像不可见。要解决此问题，您还需要设置html的高度和要100%的body。
html, body {
height: 100%;
margin: 0;
}
margin已设置为0以避免body溢出。
它不起作用，因为你使用height:100%
例如：
.bg-img {
width: 100%;
height: 100vh;
background: url('./img.png') no-repeat center;
background-size: cover;
}
编辑：vh代表视口高度(vh(，表示父级高度的100%。background-image需要一定的高度和宽度才能显示内容，因此没有内部 html 的标记不会显示其内容。