Fixing z-index issue on Safari browser

by Kiet Huynh · March 21, 2019

The z-index isn’t rendering properly on Safari – but it is working fine on Chrome and Firefox.

On Safari browser, the z-index seems to be ignored. You can’t figure out what the Safari specific bug would be.

Don’t worry! Here is the fix, add this to the content layer and it will magically fix itself.

#element{
   -webkit-transform: translate3d(0,0,0);
   z-index: 999;
}

#element{

-webkit-transform: translate3d(0,0,0);

z-index: 999;

}

Happy coding!