IPhone 5S Mobile Safari 超链接没有 'clickable'
IPhone 5S Mobile Safari Hyperlinks not 'clickable'
我一直在做一个网站 (http://www.clicks1.co.uk/#Contact)。但是，我遇到了一个错误，其中页面上的许多 'click' 交互在某些 Iphone 上不起作用，但对其他人起作用。我发现它在 Iphone 5 上运行良好，但在 Iphone 5 上运行不佳。
特别是在联系人区域，超链接的 facebook、twitter 和 google+ 图片在点击 iphone 5 秒后不会打开链接。
我的想法是，也许有某种元素覆盖了超链接，阻止了任何按下它们的尝试。仍然不确定为什么这只是某些 iphone 而不是其他人的问题。
解决方案是创建具有高 z-index 的隐形绝对定位 div。然后将此 div 定位在原始 hyperlink 元素之上并赋予 href link.
<a href="example.com" style="width: 60px; height: 60px; position: absolute; background-color:rgba(0,0,0,0); z-index: 9999;"></a>
如果你像我一样想在动态调整大小的情况下使用此解决方案 images/text 然后我发现给宽度和高度参数 %（例如宽度：40%）值允许它们调整它们上面的元素的大小。
这通常发生在 hyperlink 之上还有其他 'invisible' 元素时。
使用浏览器的开发人员工具检查 link 并查看它选择了哪个 HTML 元素。如果它选择了 hyperlink 以外的元素，那么很可能该元素正在叠加。
有时，媒体查询上的 'clear:both;' 就足以解决此类问题。
我一直在做一个网站 (http://www.clicks1.co.uk/#Contact)。但是，我遇到了一个错误，其中页面上的许多 'click' 交互在某些 Iphone 上不起作用，但对其他人起作用。我发现它在 Iphone 5 上运行良好，但在 Iphone 5 上运行不佳。
特别是在联系人区域，超链接的 facebook、twitter 和 google+ 图片在点击 iphone 5 秒后不会打开链接。
我的想法是，也许有某种元素覆盖了超链接，阻止了任何按下它们的尝试。仍然不确定为什么这只是某些 iphone 而不是其他人的问题。
解决方案是创建具有高 z-index 的隐形绝对定位 div。然后将此 div 定位在原始 hyperlink 元素之上并赋予 href link.
<a href="example.com" style="width: 60px; height: 60px; position: absolute; background-color:rgba(0,0,0,0); z-index: 9999;"></a>
如果你像我一样想在动态调整大小的情况下使用此解决方案 images/text 然后我发现给宽度和高度参数 %（例如宽度：40%）值允许它们调整它们上面的元素的大小。
这通常发生在 hyperlink 之上还有其他 'invisible' 元素时。
使用浏览器的开发人员工具检查 link 并查看它选择了哪个 HTML 元素。如果它选择了 hyperlink 以外的元素，那么很可能该元素正在叠加。
有时，媒体查询上的 'clear:both;' 就足以解决此类问题。