Three.js鳥類演示在Google Chrome中不顯示css背景圖片

我的代碼在Safari和Firefox中都顯示背景圖片，但不是谷歌瀏覽器。我不確定爲什麼。我想我需要做一些事來下面，但我不知道是什麼：Three.js鳥類演示在Google Chrome中不顯示css背景圖片

renderer = new THREE.CanvasRenderer(); 
      renderer.setClearColor(0x000000, 0); 
      renderer.setPixelRatio(window.devicePixelRatio); 
      renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);

下面是CSS：

body { 
     background-image: url('beautiful.jpg'); 

     -moz-background-size: cover; 
     -webkit-background-size: cover; 
     background-size: cover; 
     background-position: top center; 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     margin: 0px; 
     overflow: hidden; 
    }

就像我說的它完美的Safari和Firefox，但不是Chrome。任何想法非常感謝。

非常感謝！

來源

2015-04-21 Chris Petrie

你可以在你的問題中添加一個[MCVE]（http://stackoverflow.com/help/mcve）嗎？ –

謝謝，但我找到了解決方案！這裏是js：\t \t \t \t renderer = new THREE.CanvasRenderer（）; renderer.setClearColor（0x000000，0）; //默認 renderer.setPixelRatio（window.devicePixelRatio）; renderer = new THREE.WebGLRenderer（{alpha：true}）; renderer.setSize（SCREEN_WIDTH，SCREEN_HEIGHT）; –

three.js中的透明渲染器背景需要以下兩行代碼。

// tell three.js that the render background is transparent 
renderer = new THREE.WebGLRenderer({ alpha: true }); 
// tell three.js to set the render background color to black with zero intensity (transparent) 
renderer.setClearColor (0x000000, 0);

來源

2015-05-19 18:23:28 jmcmahon443

Three.js鳥類演示在Google Chrome中不顯示css背景圖片

回答

相關問題