Fixing z-index issue on Safari browser

Fixing z-index issue on Safari browser

Ecom Graduates @

When using Chrome or Firefox, the z-index renders correctly, but not on Safari.

In Safari, it seems that the z-index is not taken into consideration at all. You're stumped as to what the Safari-specific problem may be.

It won't be a problem at all! Add this to the content layer and the problem will be solved by itself, thanks to this handy repair.

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

 

Try 14 day free trial on Shopify today

Share this article