html - 如何让一张图片覆盖整个屏幕

Question

我想让一张图片覆盖整个屏幕。我错过了什么，我打错了什么？我需要一切吗？

HTML

<img src="Universet.jpg" id="universet">

CSS

#universet { 

    height: 100%; 

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

Answer 1

如果你想让这张图片成为整个页面的背景图片，你可以像这样在 body 元素上设置它:

body {
   background-image: url("Universet.jpg");
}

根据图像大小，您可能需要额外的样式来使其符合您的喜好。