Sticky position and clip-path Problem

Question

In program used a sticky position and add images with clip-path property.
Main error is that image with clip-path element over lap the sticky position element. Please help to solve it and run program in chrome

https://code.sololearn.com/WVNL62npCHv8/?ref=app

Answer 1

You could use the z-index property to display the sticky element above the image if that's what you want to achieve.

Answer 2

Divesh Aggarwal I think the image is displayed above because it was declared later. Tags later in the document are usually rendered above...
Also clip-path probably doesn't change the box size so the box-shadow property does not clip around the image.

Answer 3

Yes it will work ( just forgot about the z-index ) but i really want to know why is that happen. why image with clip-path property overlaps the sticky element.

Answer 4

also box-shadow property is not working with clip-path property.