Html 无法单击背景组件，因为上z索引div边距水平分布

我有带z索引的3d画布：-1 我想在z-index:0上显示组件，并能够毫无问题地单击3d画布。不幸的是，当我将组件A添加到z索引时：该组件的0边距水平分布，我无法单击组件A左右两侧的3d画布

.background-3d-canvas{
位置：绝对位置；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：-1；
背景颜色：银色；
}
.前部部件{
背景色：蓝色；边框半径：10px；
填充：20px；
保证金：自动；
宽度：300px；
背景颜色：蓝色；
}

编辑

您可以将这些属性添加到。前端组件：

  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;