Почему-то
background-image: url('../img/mainLayer.png'); применяется только для body, а если указать например main или попытаться прикрутить к какому-либо классу, то ничего не отображается.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/styles.css">
<title>Document</title>
</head>
<body>
<header></header>
<main></main>
<footer></footer>
</body>
</html>
main {
background-image: url('../img/mainLayer.png');
background-repeat: no-repeat;
Left: 0;
Top: 172;
Width: 1920;
Height: 534;
opacity: 1;
}
Простой
