我对 svg 组和基本动画有疑问。这家伙是个按钮。当悬停在上面时，会弹出一种菜单。目标是当鼠标指针离开按钮和菜单时菜单缩回。
麻烦从'onmouseout'开始；即使按钮和菜单是分组的，并且“onmouseout”作用于整个组，鼠标移出动作是通过将组内的任何元素鼠标移出来触发的。因此，从按钮移动到菜单会触发撤回。
为了解决这个问题，当将鼠标悬停在按钮上时，我在出现的顶部放置了一个遮罩（可以这么说 - 它确实变得可见但不透明度为 0，因此无法看到）。我在这里把它变成了灰色，所以你可以看到它。但是如果我想在这个菜单上添加元素，我不会比以前更进一步。红色块是另一个元素。
看起来，如果我只显示菜单而不是使用动画来使它们出现，那么这些组将按照我的意愿行事。
我希望有人可以提供帮助或提供一些启示。