How To Set Webglrender Background To Transparent

I'm trying to put objects in front of CSS3DObjects with the THREE.NoBlending hack. But I only see the black plane without the CSS3DObject in the newest revisions (tried r65 and r66

Solution 1:

If you want a transparent background with WebGLRenderer, you need to set alpha = true in the WebGLRenderer constructor. You can then set the clear color.

var renderer = new THREE.WebGLRenderer( { alpha: true } );

renderer.setClearColor( 0x00ff00, 0.5 );

three.js r.66