我正在尝试拥有一个包含子菜单的菜单，这就是我目前拥有的(比这更复杂)，我想使用 transition 属性:
.product:hover #button-option {
visibility: visible !important;
}
#button-option {
visibility: hidden;
-webkit-transition: visibility .2s;
transition: visibility .2s;
}
这是我的 jsfiddle:http://jsfiddle.net/4bsmq2kg/
我希望我的子菜单稍后出现，或者需要一些时间才能出现，如下所示:http://www.vmware.com
我怎样才能使这项工作？我尝试了几件事，但都没有奏效。谢谢!
编辑:我实际上很愚蠢，没有意识到代码中存在错误，但我仍然找不到我真正想找到的东西。
最佳答案
可见性会发生变化，但只能以二元(开/关)方式进行。或许您还想在 opacity 上进行转换(因为需要关闭 visibility 以防止在元素上检测到鼠标)。您可能也不需要/不想要 !important。此外，除非您的目标是旧浏览器版本，否则您不需要 webkit-transition 前缀属性(如果您要指定它，应该是 -webkit-transition).
关于css - 可见性属性的过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25540784/