Z-index is a CSS property that allows you to position elements in layers on top of one another. It’s super useful, and honestly a very important tool to know how to use in CSS. Unfortunately, z-index is one of those properties that doesn’t always behave in an intuitive way. It seems simple at first- a higher z-index number means the element will be on top of elements with lower z-index numbers. Bu
![4 reasons your z-index isn’t working (and how to fix it)](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c96ce64fa28d0a40bd3f3fca060eb3d563e08cc/height=288;version=1;width=512/https%3A%2F%2Fcdn-media-1.freecodecamp.org%2Fimages%2F1%2ANm4AWKx-ezJBFLGShJCVAw.jpeg)