three.js层指定的元素有时会滑到我的z索引声明应该指向的地方

three.js
我准备了一个浏览器窗口环境，在这个环境中，我使用CSS通过z-index声明将特定的内容分配给所需的层。在图片中的示例中，
容器设置为z索引0
表示“TEST_label”的标签设置为z索引4
写入“TEST PNG”的图片设置为z索引9nGUI控件（未显示）设置为z索引9
图片左侧显示的不透明黄色覆盖框就是我所说的“小地图”黄色叠加会增大或减小大小，并将位置向左或向右、顶部或底部移动，以指示当时场景的主要对象（图像中未显示）的哪个部分在窗口内，与在窗口边缘切割的部分相反（切割部分的对应部分在小地图中没有黄色覆盖）。你会注意到图片中的天蓝色背景并没有渗透到小地图中。同样，当附加到主场景的各种2D和3D对象移动时，无论是通过拖动还是缩放场景，这些对象都会在小地图的“下方”移动，并且不会在小地图的“上方”或“下方”流血。与对象不同，我的标签确实显示在小地图的顶部。
当窗口加载时，“测试标签”标签显示在小地图和标记为“测试PNG”的图像的顶部。我希望我的所有标签都位于小地图的下方，以便标签的行为与主场景以及前面提到的2D和3D对象类似。拖动或缩放一点后，“TEST_LABEL”标签开始出现在“TEST PNG”图像的顶部，即使我的标签设置为z-index 4，并且我的“TEST PNG”图像是z-LABEL 9的空CSS元素中的背景图像。
我的GUI控件也遇到了同样的问题。当窗口加载时，在坐标处设置的标签（部分显示在GUI控件下方，部分隐藏在GUI控件中）最初仅在GUI控件占用相同空间的位置出现。但是，一旦我开始拖动和缩放，当标签（或任何其他标签）落在与GUI控件相同的坐标空间中时，标签就会落在控件的顶部。即使标签被设置为z-index 4，并且GUI控件被设置为通过CSS（“#总参谋长{z-index:9；}”）。
很明显，标签在“TEST PNG”图像和GUI控件中的行为类似，因此问题不是我曾经犯过但没有看到的简单错误，因为“testpng”图像和GUI控件具有相同的z-index设置，并且在与所有标签接触时表现相同（所有标签具有相同的z-index设置）。（我写“类似”是因为在GUI控件中，标签占用的时间更大。但是，有时标签会从下方开始，然后在我继续拖动时弹出到顶部。）
在图片中，我显示了在拖动和缩放背景时标签发生的情况。缩放会导致标签的大小增大或减小。（我在程序代码中使用了一系列“if”和“else if”语句，指定where（例如）>
我尝试使用controls.addEventListener（“更改”，>
是否有任何地方是我应该寻找的解决方案，但我没有触及？
Layer-assigned elements sometimes slip over and under where my z-index declarations should leadn

three.js层指定的元素有时会滑到我的z索引声明应该指向的地方

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形