【问题标题】:CSS only menu hover issue in Safari iOS 8.4.1Safari iOS 8.4.1 中仅 CSS 的菜单悬停问题
【发布时间】: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);} 作为一种解决方法,但没有结果。有什么建议吗?

标签: html css


【解决方案1】:

Hacky 但可以工作,在某些情况下对我有用:

* { z-index: 0; }

【讨论】:

    猜你喜欢
    • 2012-01-11
    • 1970-01-01
    • 2014-06-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-23
    • 1970-01-01
    • 2011-02-09
    相关资源
    最近更新 更多