我正在尝试使用下面的代码使用 css 来获得全屏图像，这很容易。
width:100%;
height:100%;
background: url('photo2.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
但是图像已经放置在 html div 中，请参见此处
<div class="fixed-background">
<img src="photo2.jpg"/>
</div>
它需要准确地使用 css 版本，唯一的区别是图像在 html 中调用，而不是在样式表中调用。
最佳答案
试试这个
<style>
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.fixed-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.myimg {
height: inherit;
}
</style>
<html>
<body>
<div class="fixed-background">
<img src="public/dbs/images/1.jpg" class="myimg" />
</div>
</body>
</html>
关于html - 居中全屏 html 图像(不是 css 中的图像)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25249802/