Why can’t I do this?

Question

So I’m working on a website and I want to have a full page background image and the the rest of the site under the image, but i can’t get the rest of the site under the image!
Can you help me?
Edit: I don’t think i specified right, the problem is that when i use the <br /> tag to put text and stuff under the picture the picture keeps going down to be partially under the text

Thanks for all the help guys! I found the problem, here is the new code too

https://code.sololearn.com/WOiMpG5DnJ2K/?ref=app
https://code.sololearn.com/WsMPP2iN9QNH/?ref=app

Answer 1

Because you haven't bought the chair. Only $399. It's a good offer. Ergonomic design, with adjustable armrests, proper neck support and lumbar support.

P.S. https://code.sololearn.com/WAEUnXPjR9xX/?ref=app

Answer 2

I tried to help but then I got distracted by buttons and bouncing kittens. I'm sorry!
🦊😪

Answer 3

body {
background-color: #000
}
html {
background: url("https://i.ytimg.com/vi/1N8kZXYOAqY/maxresdefault.jpg");
-webkit-background-size: 100vw 100vh;
-moz-background-size: 100vw 100vh;
-o-background-size: 100vw 100vh;
background-size: 100vw 100vh;
}

This works

Answer 4

Ahri Fox Same with me.
I love Cats so i got so distracted by that so i couldent help from it i love the kittens though

Answer 5

Hatsy Rei a fellow 9 year old. XD

Answer 6

Hi there.
Basically it uses `100%|100vh|min-height:100%` of browser `height` for element and `background-size: cover` for the background

Hope will be useful for you.
https://code.sololearn.com/WESSjQHbCs5r/

Answer 7

Try this code:
html{
background: url(imagename.imageextension) center center no-repeat;
background-size:cover;
}