Code not working on Safari.

Hi all! I'm wondering why it's not working properly on Mac (Safari). Here's the code : https://www.sololearn.com/compiler-playground/WY47amS0G0bB/ I achieved a zoom effect using another bloc (bloc2) that is cropped and I move around above bloc1. That gives the impression there's an actual zoom while I never actually transform bloc1 but only bloc2. Bloc2 uses the full size image so you can zoom in all the details. What puzzles me is it's working properly on Edge and Chrome (another full size image loads in the bloc2 background and stretches accordingly) but not with Safari. With Safari, the text and the images are pixelized in bloc2 as if they were actually zoomed in from bloc1. Sorry if it's a bit confusing. Still hope someone has an idea. Thanks a bunch!

html css js edge safari

7th Oct 2022, 4:23 PM

Teck TEA

1 Answer

+ 2

Put your style in the <head> </head> And your script in the <body></body> Also have a look at list of webkits to use to have your page to render properly. https://developer.mozilla.org/en-US/docs/Web/CSS/WebKit_Extensions

8th Oct 2022, 1:52 AM

Chris Coder