What no one told you about z-Index

Web developer Philip Walton:

The key to avoid getting tripped up is being able to spot when new stacking contexts are formed. If you’re setting a z-index of a billion on an element and it’s not moving forward in the stacking order, take a look up its ancestor tree and see if any of its parents form stacking contexts. If they do, your z-index of a billion isn’t going to do you any good.

Great advice. Read the rest of the article for a more through breakdown, with a simple example, of why this is the case.