Aframe 如何覆盖（部分透明）<；a-sky/>；，喜欢对<；img/>；？

我们正在建立一个家居装饰的三维视图工具，客户可以点击沙发，它将显示或隐藏在三维视图中

它们为我提供了家庭背景的全景图像，以及除沙发部分外大小相同但透明的沙发图像

我试过：

<a-sky src='background.jpg' />
<a-sky src='sofa.jpg' />

期望它们覆盖。但沙发图像虽然是透明的，但会阻挡背景。更具体地说，结果是一个空白空间中的沙发，而不是给定背景中的沙发（这是理想的结果）

---

如何实现我的目标？

jpg

格式不支持透明度。改用

png

将沙发实体上的

material:transparent

属性设置为

true

<a-sky src='sofa.png' material="transparent:true" />

作为旁注，a-Frame正在不透明部分周围添加灰色边框
png图像的压缩。无法理解为什么会发生这种情况。我很高兴知道是否有人解决了这个问题