Html ：当父元素具有CSS3透视图时，未为元素激发悬停

在下面的示例中，我在JSFIDLE上创建了一个尝试将鼠标悬停在灰色框上的示例。您可以看到第一个容器中的每个“框”都得到：hover“，但对于第二个“框”，位于“容器右半部分”的项目不得到：hover

（将鼠标移到灰色框上）
（因为其他浏览器不支持CSS3透视图，所以请在Chrome或Safari中打开此选项）
看看这里：

这对我来说很奇怪

有人能解释为什么吗？是否有任何可能的解决方法

float: left;

在家长部门，这项工作似乎由他来完成

---

在firefox 6中，我看不出两者之间的区别。@Oliver:如果你费心在小提琴上阅读代码，你就会意识到你需要在WebKit浏览器中进行测试。因为FF6.0不支持透视！请尝试chrome或Safaria。实际上，这似乎是

rotateY（）

的问题，而不是

perspective（）

的问题。如果删除透视图（），也会出现同样的问题。这是为什么？；）（我对绝对定位的儿童也有类似的问题，我不知道这是否是唯一的解决办法）@jpc我真的不知道。浮动元素是一种非常可靠的方法，它告诉元素将内容/子元素紧密地包装成一个温暖而模糊的包装，因此我在本例中尝试了一下，它成功了。