CSS make<；部门>；在移动设备上不可单击

我在

中有两个按钮，它们仅在hover上可见，在笔记本电脑/台式电脑上工作正常。

位于站点上的图像上方，当您将鼠标悬停在图像上方时，会出现带有按钮的

，您可以单击其中任何一个按钮转到某个位置

问题是，当我在移动设备上查看此内容时，如果我单击任何按钮所在的区域，即使它们不可见，按钮也会显示，但您单击的按钮链接会被激活-我不希望这样。我想单击该区域，然后显示按钮，然后单击要继续链接的按钮

我尝试了以下方法，但无法解决：

1） 通过将

.my div{z-index:-1；}

设置为标准和

.my div:hover{z-index:1；}

悬停在上方时隐藏

，这是可行的，但我仍然有相同的问题

2） 将

设置为

.my div{visibility:hidden；}

作为标准，并将

设置为my div:hover{visibility:visible；}

在hover上-这同样有效，但我遇到了相同的问题

我还可以使用其他CSS方法吗

干杯

---

Chris

使用不透明度而不是可见性（或两者都使用）。可见性仅使图元透明。不透明度会消除与元素交互的能力。

如果您能提供演示，将非常有用，谢谢