Floating image over div

I am creating a website that uses CSS Sticky Footer .

At the bottom of the in beeld homepage, I want the right large image to overlap the footer a bit, so that the image floats above the gray β€œhills”. I try to add a negative margin to the image, but then it partially disappears under the footer.

Does anyone have an idea on how to achieve this?

thank

+3
source share
2 answers

Negative margin for your "in beeld" .paragraph and

position: relative;
z-index: 100;
+4
source

It’s better to give some opacity and then it floats perfectly.

position: relative; 
z-index: 100;
opacity: 0.50;
0
source

Source: https://habr.com/ru/post/1787398/


All Articles