：hover仅在rotateX转换的div的下部工作 [英] :hover works only on lower part of rotateX transformed div

问题描述

我有一个应用CSS rotateX转换的div：

I have div with CSS rotateX transform applied to it:

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

和一堆较小的div浮动在其中，其中应用了hover规则。
问题是，只有一半的内部div响应：hover事件。

and a bunch of smaller div's floated in it, with :hover rule applied to them. The problem is that only half of inner divs react to :hover event.

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

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

推荐答案

如果您在css中删除 height：200px all block will react hover event

if you remove in css height: 200px all block will react hover event

这篇关于：hover仅在rotateX转换的div的下部工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！