如何使图片覆盖整个屏幕

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");
}

根据图像大小，您可能需要其他样式以使其完全符合您的喜好。