three.js画布在绝对位置不可见

编程问答 2022-08-12

问题描述

我在 position：absolute 元素内有一个画布，其中包含许多对象的网格和一个画布。

仅当我不对主容器应用职位时，该方法才有效：

请参见示例：JSFIDDLE，并尝试将其具有id ='stage'和id ='NOstage'的区别。

有效：

<div id="NOID">
    <canvas id="c"></canvas>
    <div id="content">  
    </div>
 </div>

它不起作用

<div id="stage">
   <canvas id="c"></canvas>
   <div id="content">  
   </div>
</div>

在这种情况下，遮罩覆盖了对象。

CSS：

#stage{
    position: absolute;
    top: 0px;
    width: 900px;
}

enter image description here

感谢您的时间！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

position