meo*_*meo 10 css mobile-safari css3
我正在调整一个网站,以使其在iPad上感觉原生.
该网站的导航显示了悬停时子导航的下拉列表.这就像iPad上的魅力.当您触摸subnav时,当您单击/触摸其他位置时,它会再次打开和关闭.
现在我需要在再次触摸导航点时再次关闭它.
我在想,我可以pointer-events:none为iPad 设置悬停和活动,但是这会使子导航闪烁而且不起作用......
我还尝试用前置选择器的元素集覆盖导航点并将其指针事件设置为无,但这不起作用...
任何想法,我如何才能使用CSS解决这个问题.(我不能修改HTML也不能修改JS)
PS:您可以在www.macprime.ch上重现这一点...(点击顶部的主导航栏,然后尝试再次关闭下拉列表)
编辑确定我尝试了几乎只有CSS可能的一切.我认为不可能.如果有人能告诉我原因,他/她将获得赏金奖励.
met*_*ion -3
设置pointer-events: none为活动状态：
nav#mainnavi > ul > li > a:active {
pointer-events: none
}