:当父级具有CSS3透视图时,悬停不会触发元素

时间:2011-09-29 10:28:20

标签: html css css3 hover transform

在我在jsfiddle上创建的以下示例中,尝试将鼠标悬停在灰色框上。你可以看到第一个容器里面的每个“Box”都是“:hover”,但对于第二个位于“容器右半边”的项目,请不要:hover!

(将鼠标移到灰色框上)
(在Chrome或Safari中打开此功能,因为其他浏览器不支持CSS3透视图)
请看这里:http://jsfiddle.net/jyBES/10/

这对我来说很奇怪。

任何人都可以解释原因吗?有没有可行的解决方法呢?

1 个答案:

答案 0 :(得分:2)

float: left;
在父div中的

似乎可以完成这项工作。

http://jsfiddle.net/lollero/jyBES/11/