Что делать если текст находиться, под футером?

Question

[YouL1te]

Я начинающий в вебе и на момент вёрстки сайта, возникла такая проблема с футером: текст который должен отображаться над ним, находиться под ним..
html:

<div class="text-op">
        Все средства потраченные средства <br> на покупку игровой валюты <br> идут исключительно на развитие сервера.
    </div>
    <div class="text-kw">
        ✅ 2022 QuickMine <br> Все права защищены
    </div>
    <div class="niz">
        <div class="niz-f"></div>
    </div>

css:

.text-op {
    font-size: 16px;
    font-weight: 400;
    color: white;
    top: 888px;
    left: 50px;
    position: absolute;
}
.text-kw {
    font-size: 16px;
    font-weight: 500;
    color: white;
    top: 900px;
    right: 50px;
    position: absolute;
}
.niz-f {
	width: 100%;
	position: absolute;
	top: 878px;
	left: 0;
	right: 0;
	z-index: 1;
	height: 100px;
    opacity: 0.5;
	background: url("image/header.jpg");
	-webkit-background-size: cover;
	background-size: cover;
}

Как исправить данную проблему?

Answer 1

[madzhidov_20]

Попробуйте задать футеру position: relative;
и поменять потом значения top и left

Comments

[YouL1te]

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

.niz-f {
	width: 100%;
	position: relative;
	top: -100px;
	left: 0px;
	right: 0;
	z-index: 1;
	height: 100px;
    opacity: 0.5;
	background: url("image/header.jpg");
	-webkit-background-size: cover;
	background-size: cover;
}

[madzhidov_20]

YouL1te, А почему вообще размещаете текст через абсолют? не проще будет разместить флексами?

[YouL1te]

madzhidov_20, не решает проблему всё равно