我只是在IE11/Win7中对此进行了测试，但由于它在那里不起作用，如果它适用于任何其他浏览器，对我来说就没那么重要了。我需要的解决方案适用于所有浏览器。
我只使用css创建na html5菜单。我有一个下拉菜单的背景设置和我正在使用：之前将na箭头放在具有子菜单的菜单项中。我也希望子菜单能够显示出来 - 以及我的问题开始的地方。
起初我在内部ul中设置了过渡和背景设置，并且有效 - 除了：在计算为孩子之前所以箭头只会显示子菜单何时可见并且不好。< / p>
所以我在内部ul周围放置了一个div并使用：在div之前，我只是淡化了ul。然后，当子菜单不可见时，箭头仍会显示，但是当菜单可见时，背景将仅显示为顶部的一条线（我估计高度为0）
所以我把背景放在div中，现在它工作了，除了淡化只发生在菜单项本身而不是背景上。
这里是jsfiddle with my last attempt。
有没有办法可以制作出我想要的东西？ （显示箭头总是+背景显示和淡入）