问题：单击关闭按钮会使下面的移动菜单按钮处于悬停状态
Problem: Clicking close button leaves the underneath mobile menu button in its hover state
在移动端视图(iOS)中，fancybox的关闭按钮与fancybox下方的菜单按钮(下拉菜单)位置完全一致。因此，当我单击 fancybox 关闭按钮时，fancybox 关闭但之后，菜单按钮处于其悬停状态（具有不需要的悬停状态背景颜色）。为什么菜单按钮会受到点击 fancybox.close 按钮的影响。 Fancybox 位于 html 代码之上...似乎单击 fancybox 关闭按钮与菜单按钮混淆了。 （它当然只在 iOS 中，我知道在 iOS 中删除悬停状态问题。所以我猜这与 "touch" 有关？）
我希望我对我的问题的描述足够好 ;-) 谢谢！
如果您的菜单按钮是触发元素（例如，单击该按钮启动 fancybox），您的描述并不清楚。如果是这样，那么很可能您的按钮在关闭 fancybox 后默认获得焦点。您可以使用 backFocus 选项禁用该功能。
但是，如果您的按钮不是触发元素，则可能的解决方法：
1) 将关闭按钮移到另一侧；
2) 使用 @media (hover: hover) {} 避免在移动设备上设置悬停状态（参见 https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover#Example）
在移动端视图(iOS)中，fancybox的关闭按钮与fancybox下方的菜单按钮(下拉菜单)位置完全一致。因此，当我单击 fancybox 关闭按钮时，fancybox 关闭但之后，菜单按钮处于其悬停状态（具有不需要的悬停状态背景颜色）。为什么菜单按钮会受到点击 fancybox.close 按钮的影响。 Fancybox 位于 html 代码之上...似乎单击 fancybox 关闭按钮与菜单按钮混淆了。 （它当然只在 iOS 中，我知道在 iOS 中删除悬停状态问题。所以我猜这与 "touch" 有关？）
我希望我对我的问题的描述足够好 ;-) 谢谢！
如果您的菜单按钮是触发元素（例如，单击该按钮启动 fancybox），您的描述并不清楚。如果是这样，那么很可能您的按钮在关闭 fancybox 后默认获得焦点。您可以使用 backFocus 选项禁用该功能。
但是，如果您的按钮不是触发元素，则可能的解决方法：
1) 将关闭按钮移到另一侧；
2) 使用 @media (hover: hover) {} 避免在移动设备上设置悬停状态（参见 https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover#Example）