iOs移动设备中链接的悬停问题



我在一个带有链接的图像中使用悬停(css(来显示文本。它在桌面和安卓设备中都能完美工作(如果你在图像中点击一秒钟,然后在手机中悬停(。

问题是,我意识到在iOs设备中,当你在链接中点击一秒钟时,它会打开一个窗口,其中有几个选项:在新选项卡中打开,下载链接文件,复制,共享。。。

有没有什么方法可以让iOs在手机上悬停?

.links-home a:hover p,
.links-home:hover .not-exhibited {
transition: opacity 0.5s;
opacity: 1;
text-align: center;
}

使用@media-Query尝试用:focus替换:hover
我无法测试这个,因为我没有iOS设备,但根据这篇文章,在点击另一个项目之前,项目会一直处于焦点状态,因此只需轻轻点击即可显示额外的文本
也许您必须将图像放入锚点(<a>(中才能正确对焦。

最新更新