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!
Hey, I'm Ian. I build websites and write about what I learn as I go. Follow me on Twitter.