0

我正在使用 aframe 库进行 360 度/全景图像视图。一切都很好，但唯一的问题是在全屏模式下，这个库隐藏了除图像场景之外的所有内容，我想要的是显示自定义关闭按钮，用户可以使用该按钮单击并关闭场景。我应用了 css z-index 但仍然没有成功。任何解决方案将不胜感激。谢谢

         <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>
4

0 回答 0