Html iPhone/iOS/Safari-won';t使用:悬停将显示:无更改为显示:阻止

Html iPhone/iOS/Safari-won';t使用:悬停将显示:无更改为显示:阻止,html,ios,css,iphone,Html,Ios,Css,Iphone,我正在开发一种响应性强的设计,它有固定的图层,可以使标题浮动在页面顶部。当使用:hover和元素悬停时,应该显示菜单和其他信息-因此显示从无变为块 有人知道为什么Safari不能在iPhone上正常工作吗?我已经在我可以访问的任何其他设备/浏览器上进行了测试,没有任何问题。还有其他工作吗?也许是Javascript的使用 链接是: 谢谢你的时间和帮助 约翰这里的问题是,移动Safari已经成功了。如果你想一想,你怎么能用触控设备悬停呢?使用鼠标很容易,因为当你移动鼠标时,你不会提交一个点击,而

我正在开发一种响应性强的设计,它有固定的图层,可以使标题浮动在页面顶部。当使用:hover和元素悬停时,应该显示菜单和其他信息-因此显示从无变为块

有人知道为什么Safari不能在iPhone上正常工作吗?我已经在我可以访问的任何其他设备/浏览器上进行了测试,没有任何问题。还有其他工作吗?也许是Javascript的使用

链接是:

谢谢你的时间和帮助


约翰

这里的问题是,移动Safari已经成功了。如果你想一想,你怎么能用触控设备悬停呢?使用鼠标很容易,因为当你移动鼠标时,你不会提交一个点击,而使用触摸,你会在触摸屏幕时提交一个动作。

你不能用iPhone悬停。您可以尝试使用:active而不是:hover


在您的情况下:对于菜单,您必须向菜单中添加一个类,并使用Javascript将该类从活动更改为非活动,其中该类的css将其从显示:无更改为显示:块在您没有
:悬停的移动设备中。
悬停
概念不存在。这就是为什么iPhone不起作用的原因。

请在你的问题中加入一些相关代码:你想切换哪个div:搜索你的代码,尝试猜测你指的是哪一部分效率极低。因此,基本上,不使用Javascript就无法产生这种效果?我尝试过其他的伪课程,但运气不好。谢谢你的回答!