:hover仅适用于rotateX转换div的下半部分

时间:2012-05-10 13:10:18

标签: css css3 hover css-transforms

我有一个应用了CSS rotateX变换的div:

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

和一堆较小的div浮在其中,其中:悬停规则应用于它们。 问题是只有一半的内部div对:hover事件做出反应。

JsFiddle:http://jsfiddle.net/fNxgn/4/

1 个答案:

答案 0 :(得分:3)

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