我一直在做我的功课，看来你不能在你正在使用的地方使用 CSS 过渡效果display:none;等等display:inline;。
我想在我的 CSS 下拉菜单中添加悬停时的淡入和淡出，使其看起来更干净。使用我发现的显示元素时这是不可能的。
我尝试display从我的 CSS 中删除，但是当我这样做时，元素就在那里（尽管不可见）并且当你将鼠标悬停在它上面时会淡入。我阅读了添加“指针事件：无”的建议；对此，这不是跨浏览器兼容的。如果您再次将鼠标移到它上面，它还会导致褪色元素闪烁。
我还使用了 CSS 关键帧动画建议在使用显示元素时淡入，但是当鼠标离开时无法让它淡出。:(
我知道这是可能的，因为我在许多网站上都看到过它，但我无法让它适合我的工作。
这是我的代码：