防止元素在单击时隐藏

Question

我创建了一个具有visibility: hidden的元素visibility: hidden ，当它的:hover时，它变成了visibility: visible 。 它在桌面视图上完美运行，但在移动网络上它会在元素被点击时消失。 我该如何解决这个问题？ 仅当我们单击元素外部或关闭按钮时才设置为隐藏/消失。

Answer 1

:hover在手机中不会触发，因为手机只是点击。 （你没有什么可以悬停的！​​）

幸运的是，如果您将:active选择器与:hover结合使用，只要:active在:hover之后就可以实现这一点。

.element:hover, .element:active{
   visibility: visible;
 }