本文介绍了：hover仅在rotateX转换的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：
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的下部工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！