Comment prolonger le temps en vol stationnaire durable CSS

Question

a:hover + #menu { 
display: block; 
position: fixed; 

}

C'est le vol stationnaire pour mon css qui est censé afficher une menu.But il disparaît instantanément quand j'enlève la souris, que puis-je faire ici ? Est-ce que cela serait mieux grâce à JS et comment irais-je avec ça?

C'est le div pour cette menu.It fait partie d'un td qui fait partie de la table principale qui est la partie principale du site

<div id="menu"> 
    <button><a href="#igradesno1">COD WW2</button> 
    <button><a href="#igra2levo">Destiny 2</button> 
    <button><a href="#wolfensteindesno">Wolfenstein</button> 
    <button><a href="#forhonor1">For Honor</button> 
    <button><a href="#fifa182">Fifa 18</button> 



</div> 

Answer 1

Au lieu d'utiliser display: block et none, essayez d'utiliser l'opacité et transitions CSS.

J'ai créé simple jsFiddle pour démontrer

https://jsfiddle.net/3q0v5ufh/