:hover状态不会在iOS上结束

我有一个简单的hover状态的菜单:

<nav id="menu"> <div><a href="#">Home</a></div> <div> <a href="#">1</a> <nav> <div><a href="#">1.1</a></div> <div><a href="#">1.2</a></div> <div><a href="#">1.3</a></div> </nav> </div> </nav> 

CSS:

 #menu > div > nav { display: none; position: absolute; z-index: 9999; } #menu > div:hover > nav { display: block; } 

但是:hover状态永远不会结束。 再次点击(其他地方):hover仍然停留。 我可以解决这个没有javascript? ( 小提琴 )

这似乎是摆脱的唯一方法:hover是:集中某个地方( element.focus() )或hover在别的东西上。

没有。hover状态在某些移动设备上部分中断,原因是您无法将鼠标hover在某个元素上。 你将不得不使用JavaScript。