У меня есть пара изображений PNG, которые я размещаю между разделами, и все прошло хорошо, но когда я дошел до нижнего колонтитула, мое видео героя сзади показывается, когда я применяю свойство top.
Я пробовал несколько вещей, таких как применение ширины / высоты, а затем переполнение: скрыто, похоже, ничего не работает. Он отлично работает в качестве фона CSS, но это означает, что я не могу редактировать изображение в разделе, по крайней мере, я не думаю, что смогу.
По сути, я просто ищу изображение, которое будет вытеснено за нижний колонтитул, без отображения видео моего героя за ним.
Я довольно новичок в этом, поэтому любые полезные отзывы или советы будут великолепны!
HTML
<footer>
<img class="leaf-left" src="resources/img/leafgroup-left.png">
<!-- ~~~ insert section img -->
<div class="row">
<div class="cta-text animated shake">
<ul class="footer-nav">
<h2>Upcoming project? Get in Touch.</h2>
</ul>
</div>
</div>
</footer>
CSS
footer {
background-color: #fcfcfc;
padding: 50px;
width: 100%;
height: 20%;
font-family: 'Lato', sans-serif;
font-weight: 200;
}
.footer-nav {
margin-left: auto;
text-align: center;
}
.leaf-left {
position: absolute;
width: 30%;
height: auto;
left: 80%;
top: 900%;
}