Question

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

}

这是我的悬停的css，它应该显示一个菜单。但是当我取下鼠标时它会立即消失，我该怎么办？通过JS做这件事会更好吗？我将如何做到这一点？

这是这个菜单的div。它是td的一部分，它是主表的一部分，它是网站的主要部分

<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

尝试使用不透明度和CSS过渡，而不是使用display: block和none。

我创建了一个简单的JSfiddle来演示

https://jsfiddle.net/3q0v5ufh/

如何在CSS中延长悬停持续时间

1 个答案: