Как поместить фоновое изображение под canvas с three.js?

Надо разместить статичное изображение под 3D-сцену. Делать это прямо в 3D вроде как достаточно муторно. Для меня, как человека, недавно познакомившегося с three.js, логично было просто разместить под слоем с canvas слой с фоном:

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

и через z-index разместить второй слой с прозрачным фоном над первым. Но результат вышел для меня несколько непредсказуемым, фон всё равно остался сверху:
i.gyazo.com/65f3a8a82a4885e724387ea2ad82ab44.png
Каким будет правильное решение вопроса?