Slightly transparent object renders above more transparent object


the water layer, with a transparency of 0.02, somehow renders above the tree leaves, which have a transparency of 0.1, making the part where the tree leaves and the water overlap completely invisible,

The title explains my problem. Why does this even happen?

2 Likes

Please search before posting. There have been so many posts about Roblox transparency issues.
Basically if you ever put one semi-transparent Part in front of another semi-transparent part you’ll get this issue.

4 Likes

I have searched posts before posting, and yes theres alot of reports of this bug, but never any good fixes or workarounds. Which is the reason why I posted this

3 Likes

One fix for this is to overlay the tree leaves with 0.999 - 0.9999999 transparency glass.
The glass then doesn’t render any transparent objects behind it thus preventing any weird transparency overlapping behaviour.

This of course isn’t really an ideal solution since when the tree leaves’ transparency increases, you’ll clearly see that the water isn’t being rendered.
Also the glass will have specular highlights the intensity of which will increase when the tree leaves’ transparency increases.

Here’s an example of a salt material part overlayed by a glass part:

3 Likes