How z-index CSS property works?

Not long ago I was assigned a bug where a floating notification was supposed to be displayed on top of any other element on the page but kept being overlayed by other elements. At first, I said to myself, "Easy!!! just increase the z-index value", to...