【发布时间】:2015-11-09 21:34:45
【问题描述】:
我遇到了一个特定于 Safari 的问题,其悬停效果可能与 iOS 8.4.1 中的合成点击漏洞修复有关。当用户试图点击一个链接时没有响应。
菜单是一个简单的纯 CSS 菜单。我在这里创建了一个演示:https://jsfiddle.net/baad95e3/
#menu :hover ul {
right:auto;
left:0;
}
#menu :hover ul ul {
left:-9999px;
width:160px;
padding-left:5px;
background:none;
}
#menu li ul :hover ul {
left: 170px;
right:auto;
}
#menu li ul li ul li a {
text-align:left;
color:#000;
}
#menu li ul li ul li a:hover {
color:#000;
}
在不丢失悬停效果的情况下,有什么好的解决方法。
【问题讨论】:
-
到底是什么问题?对我来说似乎工作正常。
-
@APAD1 子菜单中的链接在 iPad 或 iPhone iOS 8.4.1 上似乎没有响应。使用 Safari。
-
好的,是的,它必须特定于 8.4.1,因为它在 8.4 Safari 上运行良好。
-
好吧,可能是因为8.4.1的设备需要双击,8.4的设备只需要双击。
-
我试过菜单 li a:hover {opacity:1; filter:alpha(opacity=100);} 作为一种解决方法,但没有结果。有什么建议吗?