我一直在网站上工作（http://www.clicks1.co.uk/#Contact）。但是我遇到过一个错误，其中页面上的许多“点击”交互在某些Iphone上不起作用，但在其他Iphone上起作用。我发现它可以在Iphone 5上完美运行，但不能在Iphone 5s上运行。
特别是在联系区域，超链接的脸书，推特和谷歌+图片在点击iPhone 5s时不会打开链接。
我的想法是，可能有某种元素覆盖超链接阻止任何按下它们的尝试。仍然不确定为什么这只是某些iphone特有的问题，而不是其他问题。
答案 0 :(得分：0)
解决方案是创建一个具有高z-index的不可见绝对定位div。然后将此div放在原始超链接元素上方，并给出一个href链接。
<a href="example.com" style="width: 60px; height: 60px; position: absolute; background-color:rgba(0,0,0,0); z-index: 9999;"></a>
如果像我一样你想在动态大小的图像/文本上使用这个解决方案，那么我发现给出宽度和高度参数％（例如宽度：40％）值允许它们用它们在上面的元素调整大小。
答案 1 :(得分：0)
当超链接顶部有其他“不可见”元素时，通常会发生这种情况。
使用浏览器的开发人员工具检查链接并查看它选择的HTML元素。如果它选择的不是超链接，那么该元素可能会叠加。
有时'清楚：两者兼而有之;'在媒体查询上只需要解决这样的问题。