【发布时间】：2013-05-11 00:54:41
【问题描述】：
问题很简单...我有一个导航结构，我在适当的地方为子导航设置了动画高度和宽度。
在这个版本中：http://jsfiddle.net/PmFxZ/3/
我有 display: none; 和（:hover）display: block; 用于我的第 2 层和更高级别的子导航。
这允许结构正常工作，但不允许宽度动画。
在这个版本中：http://jsfiddle.net/PmFxZ/4/
显示：无；设置为显示：块；。这允许宽度动画运行。但会导致另一个问题。也就是说，如果您将鼠标悬停在 About > Our Team > Kenny - 它也会悬停在“Something”的孩子上
有什么办法可以使用 display: none/block;允许悬停状态正确运行，还允许播放宽度动画？
【问题讨论】：
标签： css html animation navigation css-transitions