Fatal编程技术网
  • aframe/
  • Aframe 如何将HTML元素放置在A框架的顶部

Aframe 如何将HTML元素放置在A框架的顶部

aframe

Aframe 如何将HTML元素放置在A框架的顶部,aframe,Aframe,我正在尝试定位HTML元素，以便在a-Frame顶部构建一个UI，可以在桌面和移动设备上单击或触摸。任何HTML元素都可以通过适当的样式覆盖在a-Frame顶部。您至少需要设置位置：绝对和z-index:9999因此它在顶部渲染。下面是在a帧画布上渲染的简单示例： .button { width: 200px; height: 100px; position: absolute; top: calc(50% - 300px); left: calc(50% - 50px);

我正在尝试定位HTML元素，以便在a-Frame顶部构建一个UI，可以在桌面和移动设备上单击或触摸。

任何HTML元素都可以通过适当的样式覆盖在a-Frame顶部。您至少需要设置
位置：绝对和
z-index:9999因此它在顶部渲染。下面是在a帧画布上渲染的简单
示例：


.button {
  width: 200px;
  height: 100px;
  position: absolute;
  top: calc(50% - 300px);
  left: calc(50% - 50px);
  background-color: magenta;
  z-index: 9999;
  line-height: 100px;
  text-align: center;
  color: white;
}




另一种方法是在iframe中嵌入A-Frame，并将您的UI放在它上面。任何CSS定位技术都将适用，并且不在本回答的范围之内