Image over a container with zIndex

Hello,

I would like the image to be over the rectangle. Currently it is the rectangle that is above the image. The zIndex does not seem to work with images. Maybe I am not doing it right. Can you help me check it?
See on this PG, it will be clearer :
https://www.babylonjs-playground.com/#XCPP9Y#2251
Thank you

Pfff, It’s because of the alpha that I left lying around.
It is correct.

https://www.babylonjs-playground.com/#XCPP9Y#2252

I get this in FF and Chrome

image

Is this wrong?

Yes John, we see the line of the rectangle in front of the image. See the difference on the resolution.
A alpha lying around on the main container.

Definitely something to do with the alpha settings

alpha = 1; https://www.babylonjs-playground.com/#XCPP9Y#2253
alpha = 0.5 on rectLabel; https://www.babylonjs-playground.com/#XCPP9Y#2254

Missed your second post while I was playing with the playgrounds, so missed that you had already solved it :smiley:

1 Like