Wordpress CSS3淡入粘性菜单

好吧，我希望我要做的应该很简单

我正在使用一个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过渡：可见性0.2s线性，不透明度0.2s线性； -moz过渡：可见性0.2s线性，不透明度0.2s线性； -o型过渡：可见度0.2s线性，不透明度0.2s线性

到上面的最后一个选择器，其中不透明度为1，但不起作用。我还尝试将不透明度与上面的转换代码一起设置为0，但没有效果

我是新手，如果我的方法有错误，我很抱歉。不确定如果可见性被隐藏，是否需要不透明度为0

---

谢谢

也许您应该将转换规则添加到第一个块中

---

megaMenu ul.megaMenu li.jrm um sticky only

所以我认为它的工作原理是，当菜单变为sticky时，类从第一个非sticky变为第二个sticky；这就是它在不粘的情况下保持隐藏的方式。所以我想动画应该是一个简单的淡入，每当那个类出现的时候？对不起，如果我的行话不正确，问题可能会出现由于使用！重要的试着把它取下来，我试着再拧几下，我需要它！这两种不透明度设置都很重要。否则它不会隐藏它。