Javascript Three.js birds演示在Google Chrome中不显示css背景图像

我的代码在Safari和Firefox中都显示了背景图像，但在google Chrome中没有。我不知道为什么。我想我需要对以下内容做些什么，但我不确定是什么：

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

以下是CSS：

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

    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中却不行。非常感谢你的任何想法

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

---

非常感谢

three.js中的透明渲染器背景需要以下两行代码

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

// 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 );

---

你能为你的问题添加一个答案吗？谢谢，但我已经找到了答案！这里是js:renderer=new THREE.CanvasRenderer（）；renderer.setClearColor（0x000000，0）；//默认的renderer.setPixelRatio（window.devicePixelRatio）；renderer=new THREE.WebGLRenderer（{alpha:true}）；设置大小（屏幕宽度、屏幕高度）；