使用链接包装的图像不起作用

Question

所以我试图让一个图像可以点击。这是一件非常简单的事情，但由于某种原因，它似乎不起作用。它甚至没有承认存在联系。

<ul>
    <li><a href="register"><img src="images/register.png"></a></li>
    <li><a href="login"><img src="images/login.png"/></a></li>
</ul>

我做错什么了吗？谢谢，伙计们。：）

我认为唯一引用它的css是：

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;color:#f60051}
#sidebar li {
   list-style: none;
}

Answer 1

尝试这个

<ul>
<li><a href="#register"><img src="images/register.png"></a></li>
<li><a href="#login"><img src="images/login.png"/></a></li>
</ul>

Answer 2

首先，您可能需要更具体地说明前面提到的"不起作用"。我想你的意思是链接不起作用？您可能需要指定正在使用的浏览器和其他详细信息。

然而，我以前也遇到过类似的问题，这可能也会帮助你。我有时会使用你的方法得到不起作用的随机链接，我最终开始将包装图像的链接更改为带有onclick事件的图像。这几乎总是有帮助的。

<ul>
<li><img src="images/register.png" onclick="location.href='register'" style="cursor:pointer;"/></li>
<li><img src="images/login.png" onclick="location.href='login'" style="cursor:pointer;"/></li>

onclick只是一个链接，cursor:pointer只是为了让你悬停在它上面时看起来像一个链接。希望这有帮助：）

Answer 3

您确定<a href="register">或<a href="login">正是您所写的吗？

它们似乎不是有效的URL。这可能就是问题所在。

尝试<a href="register.php">或<a href="login.php">或任何正确的URL。

此外，您还可以覆盖图像的默认CSS光标，使其成为指针。由于游标样式可以被继承，也许它采用了以前的样式声明的值，这样的声明可能会解决这个问题。

Answer 4

我在所有东西前面都有一个div，所以它阻止了它。