How to put background image under canvas with three.js?

Question

css

We need to place a static image under the 3D scene. Doing it right in 3D seems to be quite a chore. For me, as someone new to three.js, it made sense to just place a background layer below the canvas layer:

<div id="test">test</div>
<div id="MyWebGLApp"></div>

and through the z-index place the second layer with a transparent background above the first. But the result turned out to be somewhat unpredictable for me, the background still remained on top:
i.gyazo.com/65f3a8a82a4885e724387ea2ad82ab44.png
What would be the correct solution to the question?

Answer 1

stackoverflow.com/questions/19865537/three-js-set-...
First answer