Blending Transparent Backgrounds with Mix-Blend-Mode in WebStudio
Blending Transparent Backgrounds with Mix-Blend-Mode in WebStudio
At a glance
The community members are discussing an issue with using mix-blend-mode in Webstudio, where it seems to fail when the item has a transparent background and doesn't take the background behind it. They provide examples of how it works in Webflow, and share a CodeSandbox example. The discussion suggests that the issue may be related to stacking contexts and position: relative on ancestor elements. The community members conclude that removing position: relative from the ancestors should resolve the issue, and that Webstudio does not have any special handling for this. There is no explicitly marked answer, but the community members provide a solution through their discussion.