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

Question

所以我在建立一个小网站时遇到问题。

我使用CSS变换将3张图片作为墙放置（每张图片都位于其自己的div中）。在图片的div内，我应该可以单击较小的div。

但是，较小div的可点击边界不受3d变换的影响。表示它停留2d并偏离视觉元素。

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

有人知道为什么会这样吗？甚至更好的是，如何解决它？

Answer 1

您是否在后墙上使用任何3D变换？ 如果是这样，您可以放置​​它而不进行转换吗？

不过，您也可以尝试在可点击的div区域上应用墙的样式。 （可能是function getDate() { return new Date().toJSON(); } function getUtcDate() { var date = new Date(); var now_utc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); return new Date(now_utc).toJSON(); } 之类的东西。）

您也可以尝试将"data-map-lat"应用于元素。