Z-layer Example

z-layer-in-action.css

/* my-bad-ad.css */
.money-maker {
  z-index: 9999999999;
}

/*  app.css */
nav {
 /*  a z-layer is a key vaulue pair: layer-name layer-index  */
 z-layers: content 1, ad 2, nav 3, modal 4; 
}

.mega-nav {
  /*  nav on z-layer-index 3 is heigher than the default (1) from .my-bad-ad */
  /*  this means .mega-nav is now above .my-bad-ad */
  z-layer: nav;
  z-index: 1;
}