我有一些“a href”图片链接并悬停在网站上进行导航(www.byrdnick.com,在该网站的非移动版本中)。似乎这些图像链接混淆了iOS浏览器。点击图像链接一次后,它会切换到悬停图像。点击悬停图像时,没有任何反应。当您再次点击悬停图像时,您最终会被重定向到链接。
有什么方法可以让这些图片链接有效,或者我将不得不尝试像地图或其他东西一样的全新方法?
提前感谢所有帮助像我这样的人的大师!
答案 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,但我很确定这是问题的原因。这些工具似乎与触摸屏设备不兼容,或者在“悬停”无意义的移动环境中以某种方式弄乱触摸事件(您不能将物品“悬停”在触摸屏上!),并且可能需要更新才能管理它生成的网站的移动版本。
同时,您可以尝试禁用此脚本(以及此工具可能生成的所有其他内容,以便在移动设备上访问您的网站时自动添加行为),以避免弄乱此类“悬停”事件在没有任何类似脚本的情况下,只需保留标准行为。