因此，我正在为学校项目开发VR游戏。使用aframe，您需要与用户互动才能在移动设备浏览器上启用声音。我正在尝试在网页上创建一个按钮来充当触发器，并将a场景可见性设置为false。问题在于场景仍然在那里不可见，并且加载在按钮顶部，因此我无法按下它。
我将按钮放在自己的div中，并将顶部和底部的填充设置为15px，但这没有用。我还尝试将a-scene放入自己的div中，但这没有帮助
<body>
<div id="startButton"
style=" display: block;
margin-left: 50%;
margin-right: 50%;
width: 100%;
height: 100%;
padding-top: 15px;
padding-bottom: 15px">
<button onclick="startGame()">Start</button>
</div>
<a-scene visible="true">
...
当我向上加载页面时，按钮以我喜欢的方式出现，但我无法按下它。看起来鼠标仍然位于a场景上，因此下面的任何东西都无法触摸。
编辑：添加了更多代码。