【发布时间】：2014-02-17 13:58:27
【问题描述】：
好的，我想要做的应该很简单（我希望如此）。
我正在为我的菜单使用一个 wordpress 插件和一个扩展来使其具有粘性。我的菜单不在顶部，它在另一个容器下方，所以当菜单容器到达浏览器屏幕的顶部时它会变得粘滞（应该如此）。
我有一个菜单项，它在菜单“非粘性”时隐藏，然后在“粘性”时变为可见。一切都很完美，但是现在我想添加淡入效果，最好只使用 CSS3（为了简化集成）。所以淡入效果应该在可见性变得可见时发生（见下面的代码，但基本上是在菜单变得粘滞时）
我的菜单项自定义类是“.jrm-um-sticky-only” 这是我实现出现/消失菜单项的代码：
#megaMenu ul.megaMenu li.jrm-um-sticky-only{
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
}
#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.jrm-um-sticky-only{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
我尝试添加：-webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
-moz-transition: visibility 0.2s linear, opacity 0.2s linear;
-o-transition: visibility 0.2s linear, opacity 0.2s linear;
到上面的最后一个选择器（不透明度为 1），但它不起作用。我还尝试将不透明度与上述转换代码一起设置为 0，但无济于事。
我是新手，如果我的方法有错误，我很抱歉。 （不确定如果可见性被隐藏，我是否需要不透明度为 0 ？？？）
谢谢！！！！
【问题讨论】：
-
所以我认为它的工作原理是当菜单变得粘性时，类从第一个“非粘性”变为第二个“粘性”；这就是它在不粘时能够保持隐藏的方式。所以我想动画应该只是一个简单的淡入，每当那个类出现时？ （对不起，如果我的术语不正确）