chrome position:sticky with z-index problem

An Xie
1 min readApr 17, 2019

for some reason in chrome 65 the position sticky element with a z-index will covered by its sibling element on scroll.

I didn’t find any real solution to fix it but the following hack do the trick:

.header {
position: sticky;
z-index: 1000;
transform: translateZ(0);