我在<div>中有2个按钮，它们仅在悬停时可见，在笔记本电脑/台式机上工作正常。 <div>位于站点上的图像上方，将鼠标悬停在图像上时，将显示带有内部按钮的<div>，您可以单击其中的任意一个以转到某个位置。
问题是，当我在移动设备上查看此内容时，如果我单击任何按钮所在的区域，即使它们不可见，也会显示按钮，但是单击的按钮的链接已激活-我不想要我要单击该区域，然后显示按钮，然后单击要继续链接的按钮。
我尝试了以下方法，但无法弄清楚：
1）通过将<div>设置为标准值并将.my-div {z-index:-1;}悬停在上方来隐藏.my-div:hover {z-index:1;}-可以，但是我仍然遇到相同的问题
2）将<div>设置为.my-div {visibility:hidden;}作为标准，并在悬停时设置.my-div:hover {visibility:visible;}-再次可行，但是我遇到了同样的问题
我还能使用其他CSS方法吗？
干杯
克里斯
最佳答案
使用不透明度而不是可见性（或同时使用两者）。可见性仅使元素透明。不透明度消除了与元素交互的能力。