Ian McNally

Position:fixed and z-index

January 09, 2015

A Safari bug came my way recently. A progress bar with position: fixed was hidden behind an element. I first tried to solve it with z-index, but that wasn’t getting me anywhere. Lo and behold, Safari doesn’t respect z-index of a position: fixed element. Instead, I had to transform: translateZ() (props). In my case, I had to translate 100px!

Crazy Safari.

Ian McNally

Hey, I'm Ian. I build websites and write about what I learn as I go. Follow me on Twitter.