2015-07-10 142 views
2

我已经工作了一个网站(http://www.clicks1.co.uk/#Contact)上。不过,我遇到了一个错误,其中页面上的许多“点击”交互在某些iPhone上不起作用,但在其他人上执行。我发现它可以在Iphone 5上正常工作,但不能在Iphone 5上正常工作。IPhone 5S移动Safari浏览器的超链接不是“点击”

具体地,在接触区域,超链接的Facebook,Twitter和谷歌+图像不上的iPhone 5S螺纹时打开的链接。

这是我的想法,也许有某种元素的叠加超链接阻止任何企图将其按下。仍然不确定为什么这只会是一些特定于某些iPhone的问题,而不是其他问题。

+0

您可以在连接的iPhone或iOS模拟器上使用Safari的Web检查器。从那里开始。 http://moduscreate.com/enable-remote-web-inspector-in-ios-6/ – ceejayoz

回答

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> 

如果你像我一样想使用该解决方案在动态调整大小的图像/文本,然后我发现给width和height参数%(例如宽度:40%)值允许他们与他们上面有要素调整。

0

这通常发生在存在于超链接的顶部其他“看不见的”的元件。

使用浏览器的开发者工具来检查链接,看看它选择哪个HTML元素。如果它选择了超链接以外的其中一个元素,那么该元素将被叠加。

有时一个'明确:两者;'在mediaquery上只需要修复这样的问题。