Fixing z-index issue on Safari browser

by Kiet Huynh · March 21, 2019

Sell Online With Shopify

Trusted by millions of businesses worldwide

Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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!

Related Posts via Categories