When I open my site in Safari the mouse over animation overrides the layer order and lets the background go through the foreground layer. I tested it on Firefox and chrome is it works fine there. I have two animations on the background, one that increases scale on mouse hover and one that does a 3d…

Safari is the new IE7. You can fix it by doing a transform forward 50px on the z-axis and a .9 scale transform.

Animations break layer order in Safari bug

Aaronru1 (Aaron Rudy) January 11, 2018, 9:54pm 3

Sir you are a gentlemen and a scholar. Thanks!

1 Like

Topic		Replies	Views
Overlapping images with animations working in Chrome but not Safari Layout & Design	1	650	May 10, 2022
Mouse over interactions work in chrome but not safari General	2	1333	April 29, 2018
Rotation on hover (bug in safari) Animations & Interactions	0	708	June 6, 2022
Safari Bug - Fixed Positioning not showing on top of other elements General	3	1924	August 22, 2018
Mouse movement on viewport bug on Safari General	15	3065	October 14, 2020