Estoy usando una biblioteca de marcos para una vista de imagen panorámica/de 360 grados. Todo está bien, pero el único problema está en el modo de pantalla completa donde esta biblioteca oculta todo excepto la escena de la imagen, lo que quiero es mostrar un botón de cierre personalizado con el que el usuario puede hacer clic y cerrar la escena. Apliqué css z-index pero aún no tuve éxito. Cualquier solución será apreciada. Gracias
<html> <head> <title>360 degree images Viewer</title> </head> <body> <div> <!-- <div class="shadow" style="width: 100vw;height: 350px;position: absolute;background-color: black;opacity: 0.1;z-index: 999;"></div> --> <!-- <img src="rotate.png" alt="" style="position:absolute; z-index:999;"> --> <a-scene embedded style="width:100%; height:350px;" rotation="0 -130 0"> <a-sky src="chilhowee_lake_panorama_516853.jpg" ></a-sky> </a-scene> </div> <button id="myclose" style="z-index: 99999999999 !important; position: fixed !important; top: 10px !important; background: transparent; border: 1px solid #000; font-size: 20px; cursor: pointer; color: #000; border-radius: 5px 4px; padding: 10px; right: 30;">close</button> <script src="aframe.js"></script> </body> </html>