2015-07-10 100 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上只需要修復這樣的問題。

相關問題