Safari shows pure black blocks in divs on lighter background, even though the div elements are transparent

[Siton_Systems (Ezra Siton)]

I find this “unsolved” topic:

Transparent background color safari

Yeah I have done some digging around and testing. The known issue is that if transparenci is set to “Transparent” Safari will render that as black. And the solution for that was to change the background color from “transparent” to rgba: 255, 255, 255 0% (or any color at 0%). But this doesn’t not work in webflow anymore. But the really odd think is that if you look at the event page (link above) you will see the issue on the background of the tabs menu, but as you start scrolling down the page an…

Anyway, I guess this is a bug in your interaction and opacity (Disable JS and check this please - add/remove interaction and test this) & transform without ventor prefix. Also, could you go to safari inspect element - and add a screenshot of the styles you get? (I don’t use mac).

Example:

CSS3 opacity transition not working in Safari

What CSS prefixes should I use?