Hice un elemento con visibility: hidden , resulta visibility: visible cuando está :hover . Funciona perfectamente en la vista de escritorio, pero en la web móvil desaparecerá cuando se haga clic en el elemento. ¿Cómo puedo resolver esto? Solo se configura para ocultar/desaparecer cuando hacemos clic fuera del elemento o en el botón de cerrar.
:hover no se dispara en los móviles, ya que los móviles son solo clic. (¡No tienes nada con lo que pasar el rato!)
Afortunadamente, si usa :active selector en combinación con :hover puede lograr esto siempre que :active esté después de :hover .
.element:hover, .element:active{ visibility: visible; }