单击 3d 旋转元素内的元素？

Question

所以我正在构建的一个小网站出现了问题。

我使用 CSS 变换将 3 个图像放置为墙（每个都在其自己的 div 内）。在图像的 div 中，我有较小的 div 用户应该可以点击。

但是，较小的 divs 的可点击边界不受 3d 变换的影响。这意味着它保持 2d 并且从视觉元素偏移。

或者至少这是我认为正在发生的事情。无论如何，可点击区域与小 div 的视觉位置不匹配，我不知道如何解决这个问题...

有谁知道为什么会发生这种情况？更好的是，如何修复它？

Answer 1

你在后墙上使用过任何 3d 变换吗？ 如果有，能不能不变形就放上去？

不过，您也可以尝试将墙的样式应用到可点击的 div 区域。 （可能是 transform: scale(0.5);）。

您也可以尝试将 transform-style: preserve-3d; 应用于您的元素。