Html 图像作为链接不起作用

我有以下背景：

 <a class="link" href="/#/index"></a>

图像显示正常，但链接不起作用，当我将鼠标悬停在图像上时，默认光标不是指针，并且页面在单击后不会更新。

您的css类引用了。主页但您的链接有一个链接类

编辑：

刚刚意识到你说图像显示正确，并且你已经编辑了问题中的类

不过，我在jsFiddle.net上尝试了您的css和链接，效果很好

编辑2：

从语义上讲，对于屏幕阅读器和谷歌来说，即使有一个空链接也是一种糟糕的做法。由于您没有使用实际图像，因此不能依赖alt标记，因此您应该在链接中添加一些描述性文本，然后像这样隐藏它：

HTML:

“文本缩进”在溢出时删除左侧的文本：“隐藏”可确保永远看不到该文本，并且链接可单击区域不会拖到左侧。

您的css类引用了。主页但您的链接有一个链接类

编辑：

刚刚意识到你说图像显示正确，并且你已经编辑了问题中的类

不过，我在jsFiddle.net上尝试了您的css和链接，效果很好

编辑2：

从语义上讲，对于屏幕阅读器和谷歌来说，即使有一个空链接也是一种糟糕的做法。由于您没有使用实际图像，因此不能依赖alt标记，因此您应该在链接中添加一些描述性文本，然后像这样隐藏它：

HTML:

文本缩进在溢出时将文本移到左侧：隐藏确保它永远不会被看到，并且链接可单击区域不会拖到左侧。

放在a标记内

把标签放进盒子里

链接

<a class="link" href="/#/index"></a>

但对于悬停和链接，您需要显示文本

<a class="link" href="/#/index">&nbsp;</a>

链接

<a class="link" href="/#/index"></a>

但对于悬停和链接，您需要显示文本

<a class="link" href="/#/index">&nbsp;</a>

---

标记内的文本/对象将只能使用重定向链接

<a><img></a>

或

---

标记内的文本/对象将只能使用重定向链接

<a><img></a>

或

---

是a标签缺少类。homeIt在这里对我有用：chromeI在Firefox和IE9中尝试了@RomainBraun的小提琴，链接起作用了。我看不到什么？为什么你要在背景中放置徽标图像而不是标签？或者你正在创建一个按钮？实际上，你错过了alt属性的SEO潜力。是a标记缺少类。homeIt在这里对我有效：chromeI在Firefox和IE9中尝试了@RomainBraun的小提琴，链接有效。我看不到什么？为什么你要在背景中放置徽标图像而不是标签？或者你正在创建一个按钮？实际上，您错过了alt属性的SEO潜力。

<a><img></a>

<img src="http://asvignesh.in/images/qrcode.png" onClick="window.location.href = 'http://asvignesh.in'" >