Как сделать так, чтобы картинка покрывала весь экран

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

вам может понадобиться дополнительный стиль, чтобы настроить его по своему вкусу в зависимости от размера изображения.