How do I overlay text on top of a <a-plane> with AR.js and A-Frame?

[hsj63]

I am in a webAR project with AR.js and A-Frame and I am trying to overlay text on a plane or box, at first I thought the text was behind the plane but after I give an opacity of 0.5 to plane, I realized that the text is not really coexisting with the plane where the two intersect. What am I doing wrong?

I appreciate any help!

My code:

[Seluj78]

Hey man, have you tried with a z-index value superior to 1 ?

[nicolocarpignoli]

you should change position of the entities of aframe.

change the z axis value in https://aframe.io/docs/1.0.0/components/position.html

[stemkoski]

For an example, you could look at: https://stemkoski.github.io/AR.js-examples/text.html