Aframe 为什么a-frame添加了';a-html';类到我的html元素?

Aframe 为什么a-frame添加了';a-html';类到我的html元素?,aframe,Aframe,这是我第一次尝试使用a-frame,我正在设置一个简单的a-frame,以便在我的应用程序中显示.obj文件。这一点都不疯狂,我没有通过一个例子做太多的努力就成功了。问题是,包含a-frame代码将向我的根“html”元素添加一个名为“a-html”的类,该类会破坏我的许多样式。我可以理解,如果他们将该类包含在他们的样式中,并将其与他们的资源一起包含,并且该类未被使用,那么为什么它会假定在不需要接触的元素上添加一个类呢 到目前为止,我的代码是: <script src="https://a

这是我第一次尝试使用a-frame,我正在设置一个简单的a-frame,以便在我的应用程序中显示.obj文件。这一点都不疯狂,我没有通过一个例子做太多的努力就成功了。问题是,包含a-frame代码将向我的根“html”元素添加一个名为“a-html”的类,该类会破坏我的许多样式。我可以理解,如果他们将该类包含在他们的样式中,并将其与他们的资源一起包含,并且该类未被使用,那么为什么它会假定在不需要接触的元素上添加一个类呢

到目前为止,我的代码是:

<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-orbit-controls@1.0.0/dist/aframe-orbit-controls.min.js"></script>
<script src="https://unpkg.com/aframe-supercraft-loader@1.1.3/dist/aframe-supercraft-loader.js"></script>

查看三维模型
&时代;
接近

默认情况下,它用于全屏样式和防止页面溢出/滚动。您可以使用

关闭样式规则,embedded=false的东西不起作用,尽管我希望它能起作用。我完全可以通过重写类或使用j-query删除它来操纵它,我只是想找到一个更好的解决方案,如果可能的话,因为这似乎有点贫民区。我认为唯一的解决方案是提交一个问题或PR,以便仅在嵌入组件处于活动状态时应用这些样式。对不起,它应该是embedded=“true”
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#3d-model-modal">View 3D model</button>

<div id="3d-model-modal" class="modal fade" role="dialog" >
    <div class="modal-dialog" style="width:900px; height: 900px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <div id="obj-container">
                    <a-scene vr-mode-ui="enabled: false">
                        <a-assets>
                            <a-asset-item id="model-obj" src="<c:url value="/customerStatus/getObjFile/${guid}" />" ></a-asset-item>
                            <a-asset-item id="textures" src="<c:url value="/customerStatus/getMtlFile" />"></a-asset-item>
                        </a-assets>

                        <a-entity obj-model="obj: #model-obj; mtl: #textures"  rotation="-90 0 0"></a-entity>
                        <a-entity camera look-controls orbit-controls="target: 0 1.6 -0.5; minDistance: 0.5; maxDistance: 180; initialPosition: 0 15 25"></a-entity>
                        <a-plane position="0 0 -10" rotation="-90 0 0" width="4000" height="4000" color="#526F35"></a-plane>
                        <a-sky color="#87CEEB"></a-sky>
                    </a-scene>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>