html – :悬停状态不会在iOS上结束

html – :悬停状态不会在iOS上结束,第1张

概述我有一个带悬停状态的简单菜单: <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></d 我有一个带悬停状态的简单菜单:

<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;}

但是:悬停状态永远不会结束.再次点击(其他地方):悬停仍然停留.我可以在没有JavaScript的情况下绕过这个吗? (Fiddle)

这似乎是摆脱的唯一方法:悬停是:聚焦某处(element.focus())或悬停在其他东西上.

解决方法 不会.悬停状态在某些移动设备上部分损坏,原因很简单,因为您不能将鼠标悬停在某个元素上.你将不得不使用JavaScript. 总结

以上是内存溢出为你收集整理的html – :悬停状态不会在iOS上结束全部内容,希望文章能够帮你解决html – :悬停状态不会在iOS上结束所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1055061.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存