So I built this trigger that when you click it another image will appear. It works perfect in Chrome but when I tested in Safari it didnt work. I know some browsers are a little different but its not like I did anything super crazy. Its a simple click that raises the opacity of an image.
Here is the site:
Scroll down to where the Image of “Max Lighthalls” face is and click the smile face icon. Try it in chrome and safari.
If anyone can please help that would be wonderful. Im trying to release the finish site soon and I cant be having small issues like that.
Without the sharing link it’s not easy to help
But maybe your second image has no dimensions set and chrome and safari don’t have the same defaults. Try to check if the second image has
- display block
- high z-index
my bad I thought you could tell with the link, lemme figure out how to add sharing link.
Not strange actually. When browsers face elements lacking specifications, they apply default specifications. And it’s up to them. It’s not rare that Chrome decides to give default dimensions to elements that don’t have some set, and some other browser won’t, not rendering the element.
And here we go: you see when an element has this dashed border?
It means Webflow tells you the elements has no dimensions and it is given default in the designer for you to be able to see it.
Mostly works as expected, adjust from there.
Honestly I don’t even know why it worked in chrome