:hover 仅适用于 rotateX 转换 div 的下部答案

【问题标题】：:hover works only on lower part of rotateX transformed div:hover 仅适用于 rotateX 转换 div 的下部
【发布时间】：2012-05-19 01:36:03
【问题描述】：

我有 div 应用了 CSS rotateX 变换：

-webkit-transform: perspective(500px)  rotateX(60deg) rotateY(60deg) ;

还有一堆较小的 div 漂浮在其中，并应用了 :hover 规则。问题是只有一半的内部 div 对 :hover 事件做出反应。

【问题讨论】：

【解决方案1】：

如果你在 css 中删除 height: 200px 所有块都会响应悬停事件

【讨论】：