title: Three js transparent PNG with multiply blending
body: <p>In a Three.js project I'm trying to apply a transparent PNG as a texture with a multiply blending</p>
  
  <pre><code>piano_scritta.material = new THREE.MeshPhongMaterial( { transparent:true,  side:THREE.DoubleSide, map: new THREE.ImageUtils.loadTexture( src ) });
  piano_scritta.material.blending = THREE.MultiplyBlending;
  </code></pre>
  
  <p>The transparent parts of the image appear white with a strange effect around the borders.
  How can I get the PNG to stay transparent in MultiplyBlending mode?
  Here you can see an example: <a href="http://www.alea.pro/img/png_bug.png" rel="nofollow">http://www.alea.pro/img/png_bug.png</a></p>
  
  <p><strong>EDIT</strong>: I made a change and got a very strange result, assigning <strong>opacity:0</strong> to the material I got this <a href="https://www.alea.pro/img/png_bug2.png" rel="nofollow">https://www.alea.pro/img/png_bug2.png</a></p>
  
  <p>The black part of the PNG disappears as expected but the transparent part remains white!</p>