当您将鼠标悬停在桌面上时,我会在div上显示信息,但也会充当超链接。移动设备和平板电脑显然不能将鼠标悬停在这些元素上,因此它只是前往目的地而不显示先前的信息。反正是否有这些元素在触摸时显示信息,然后在CSS中再次触摸时进入超链接目的地?
以下是页面:http://thefooddepot.org/donations
提前感谢您的帮助。
答案 0 :(得分:0)
根据我的经验,在iOS设备上,通常会在单击项目时触发:悬停状态。在Android设备上,将忽略:悬停状态,并立即执行单击操作(如您所述)。
为了获得您想要的行为,您可能需要使用设备嗅探,如果您发现自己在触控设备上,则明确添加一个额外的点击处理程序,以显示叠加层。
当然,叠加层将有自己的点击处理程序,然后将用户带到最终目的地。
为了确定您是否在触摸设备上,您可以使用modernizr库并查找库添加的.touch
类,或使用任何其他数量的方法{{3 }}