How to overlay HTML text/buttons on three.js?

Question

Ok, very new to three.js here but I am trying to achieve what Google has with https://beinternetawesome.withgoogle.com/interland

See - they have their F

Answer 1

z-index only works with position property except for the case position: static and position: initial.

This button class worked fine with my threejs scene. You can edit left, top accordingly.

button {
    position: absolute;
    display: block;
    z-index: 99;
    left: 50%;
    top: 50%;
    }