Not sure if this is definitely a bug, but here goes.
Changing the alpha of the container seems to change the alpha of the children, which gives a different result to what you’d expect when you have overlapping elements within the container (see the darker bar in the center where the two black boxes overlap). In standard DOM, I believe it’s the case that the alpha is applied to the container directly rather than flowing down to the children, so we wouldn’t see the bar where the images overlap.
Is there any way I can get the DOM style functionality?
My use case is I’m attempting to place images that I’d like to be partially transparent next to each other. Obviously this isn’t going to work in a scalable UI as controls end up rendering with fractional bounds, leading to those darker overlap bars. So, I was hoping to get around it by having the images 100% opaque, grouping them together in a container, and then setting the containers transparency. I could then (in theory) make them all overlap by a pixel to ensure no gaps occur, and overlapping wouldn’t result in darker transparency bars.
Is there maybe another solution to this conundrum?