經過多次實驗，Canvas模式下，

cc.game.run(option, onStart);

之前

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;

成功露出了cocos 自帶的Canvas下的其他dom元素

在WebGL模式下，渲染層級在最上面的Node需要開啟opacity = 1，同時設置

則此node內的范圍都會露出底層的其他dom元素，同時node之外的內容被裁切掉了

感謝kkk_barron同學的支持，結帖撒花~

根據樓主測試結果，

在cc.game.run之前設置cc.macro.ENABLE_TRANSPARENT_CANVAS = true;，

然后cc.director.setClearColor(new cc.Color(0,0,0, 0));，這樣在canvas和webGL下都正常使用。

因為我是VideoPlayer組件播放視頻，實現跳過按鈕，所以我還設置了VideoPlayerElement的zIndex = -1

我來做一個總結吧:

1、修改

C:\CocosCreator\resources\static\preview-templates\boot.js

C:\CocosCreator\resources\static\build-templates\shares\main.js

"""

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;

cc.game.run(option, function () {

cc.director.setClearColor(new cc.Color(0,0,0, 0));

"""

2、修改CSS

C:\CocosCreator\resources\static\preview-templates\style.css

C:\CocosCreator\resources\static\build-templates\shares\style-mobile.css

body和.wrapper中的background-color改為如下：

background-color: transparent; /*設置透明*/

總結

以上是生活随笔為你收集整理的cocos 修改层级_cocos creator 场景如何透明，多个canvas层级显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。