当父元素具有 CSS3 视角时，:hover 不会为元素触发
在下面的示例中，我在 jsfiddle 上创建，尝试将鼠标悬停在灰色框上。您可以看到第一个容器内的每个“盒子”都会获得“：hover”，但对于位于“容器的右半部分”的第二个项目不会获得：hover！
（将鼠标移到灰色框上）
（在 Chrome 或 Safari 中打开此内容，因为其他浏览器不支持 CSS3 透视）
看这里： http://jsfiddle.net/jyBES/10/
这对我来说很奇怪。
有人能解释一下为什么吗？有没有可能的解决方法？
In the following example I created on jsfiddle try to hover on gray boxes. You can see each "Box" inside the first container gets ":hover" but for the second one items located on "the right half of the container" don't get :hover!
(move your mouse over gray boxes)
(Open this in Chrome or Safari because other browsers don't support CSS3 perspective)
Look at here: http://jsfiddle.net/jyBES/10/
This is very strange to me.
Can anybody explain why? Is there any possible workaround for this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在父 div 中似乎可以完成这项工作。
http://jsfiddle.net/lollero/jyBES/11/
in the parent div seems to do the job.
http://jsfiddle.net/lollero/jyBES/11/