为什么过渡不起作用？

Question

所以，我正在尝试制作一个带有良好过渡的下拉菜单，但无法让它按预期工作。我确定某个地方出现了一个简单的错误，或者我忽略了一些重要的错误，但这是我的第一个网站，我找不到它......

nav ul li:hover>ul li {
display: inline-block;
visibility: visible;
  -webkit-transition: visibility 1s ease;
  -moz-transition: visibility 1s ease;
  -o-transition: visibility 1s ease;
  transition: visibility 1s ease;
}
ul li ul li{
display: none;
visibility: hidden;
}

我想这是所有重要的代码。有什么建议吗？

Answer 1

您无法动画显示＆＃34;属性。它必须始终设置为与＆＃34; none＆＃34;不同的值。

查看此演示：

http://shailan.com/demos/css3-transitions-dropdown.html