HTML图片链接无法在iOS上运行

时间:2012-09-27 00:37:32

标签: html ios image hyperlink touchscreen

我有一些“a href”图片链接并悬停在网站上进行导航(www.byrdnick.com,在该网站的非移动版本中)。似乎这些图像链接混淆了iOS浏览器。点击图像链接一次后,它会切换到悬停图像。点击悬停图像时,没有任何反应。当您再次点击悬停图像时,您最终会被重定向到链接。

有什么方法可以让这些图片链接有效,或者我将不得不尝试像地图或其他东西一样的全新方法?

提前感谢所有帮助像我这样的人的大师!

2 个答案:

答案 0 :(得分:0)

只要它与我下面的内容类似,你就不会有任何相互矛盾的奇怪课程,你应该没问题。

<a href="some link"><img src="some image" /></a>

答案 1 :(得分:0)

这是因为你psd2css.js javascript调整你的div和链接所带来的所有奇怪的东西。

我从未使用过此工具,但似乎您的网页是使用名为psd2cssonline的工具生成的?此工具似乎在幕后为您的所有<a href>链接添加了一些模糊处理。这在psd2css.js文件中很容易看到,加载文档后,该脚本会为您的所有<img> hover函数添加一些魔力。

我没有研究这个工具添加的整个javascript,但我很确定这是问题的原因。这些工具似乎与触摸屏设备不兼容,或者在“悬停”无意义的移动环境中以某种方式弄乱触摸事件(您不能将物品“悬停”在触摸屏上!),并且可能需要更新才能管理它生成的网站的移动版本。

同时,您可以尝试禁用此脚本(以及此工具可能生成的所有其他内容,以便在移动设备上访问您的网站时自动添加行为),以避免弄乱此类“悬停”事件在没有任何类似脚本的情况下,只需保留标准行为。