我正在尝试添加一个横幅图像，并从CSS中调整其大小。IMAGE和CSS位于同一个文件夹中，彼此相邻。
HTML
<body>
<header>
<div class="banner"></div>
CSS
div.banner {
background: url("games_header.jpg") no-repeat fixed center;
background-size: contain;
display: block;
margin: auto;
max-width: 100%;
height: 25%;
}
该元素中没有内容，因此其高度为0=>没有可见背景。只需添加一些内容，背景就会出现。
如果父元素没有设置的高度，则height设置无效。如果你希望横幅是窗口高度的25%，请添加以下规则：
html, body {
height: 100%;
}
我把它都放在我创建的html文件中，这对同一目录中的图像有效。您不需要将其称为div.banner，将类添加到div中就足够了，只需按您的名称进行调用即可。
<head>
<style>
.banner{
height: 100%;
background-image: url('./butterbot.jpg');
background-repeat: no-repeat;
}
</style>
</head>
<body>
<header>
<div class="banner"></div>
</header>
</body>
background是一个内联属性，如果将背景样式设置为<body>，则可以使用根元素(如html或body属性((只是一个示例(。尽管不建议在html和body上使用它，但如所示，它是一个具有100%宽度和高度的固定位置div
.banner {
background: url("https://picsum.photos/200") no-repeat fixed center;
position: fixed;
height: 100%;
width: 100%;
}<div class="banner"></div>