我认为这可能是一个不起眼的谷歌浏览器错误，简而言之，我有一个导航，其中包含一个列表，该列表拆分为带有 CSS 列的列，以及页面上的其他地方，一个使用变换 rotate3D 实现的具有“翻转”效果的元素。
当转换和列的组合在页面上都处于活动状态时，我的导航中的锚点的单击事件不会触发。然而，它们确实经历了所有状态，包括悬停和活动，它们看起来应该点击，但用户并没有被导航走。
没有 JS event.preventDefaulting 他们。
在 DOM 或呈现的样式中，元素彼此不相近。
检查页面证实了上述情况，即使转换后的元素由于其 3D 旋转 + 背面不可见而不可见，检查器投影的轮廓显示该元素仍然远离断开的链接。
取消选中转换或列会使链接再次工作。
无论是柱子还是 3D 变换都不是我可以通过其他技术轻松实现的东西，该网站具有高度响应性，这两者都是其工作方式不可或缺的一部分。
当转换后的元素不显示时，问题不存在，大概是因为在这种情况下忽略了转换。
请在此处查看我的 jsFiddle：CSS 变换 rotate3D + 列导致列中不可点击的链接。