сделать заливку всего изображения фоном css

Question

Пытается написать CSS, чтобы отформатировать изображение так, чтобы оно охватывало весь фон страницы, что, как кажется, не позволяет сделать это ниже. Кажется, он застревает в заголовке, и я не уверен, как это исправить.

margin-top: 0px;}

h1 a { 

background-color: black;
font-size: 40px;
color: white;
margin-left: 40px;
padding: 10px 20px;
letter-spacing: -1px;
text-decoration: none;
font-weight: bold;


}


.sidenav { 

width: 150px;
position: fixed;
z-index: 1;
top: 85px;
left: 10px;
/*background: #ffffff;*/
overflow-x: hidden;
padding: 8x 0;

}

.sidenav a { 
padding: 4px 1px 4px 40px;
text-decoration: none;
font-size: 25px;
color: #000000;
display: block;
font-weight: bold;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';    

    }

Answer 1

Сделайте изображение фоном тела или div (как я бы это сделал).

CSS:

body {
    background: url("");
}

или

.coolbackground {
    background: url("");
}

---

Вы можете установить, как она покрывает страницу, используя:

    background-size: ;

и

    background-repeat: ;

---

Иначе, если вы не хотите этого делать, используйте float, абсолютное позиционирование и z-индекс.