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

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

它们似乎不是有效的网址。这可能是个问题。

尝试使用<a href="register.php">或<a href="login.php">或任何正确的网址。

此外，您可以覆盖图像的默认CSS光标，使其成为pointer。由于光标样式可以继承，也许它可以获取前一个样式声明的值，这样的声明可能会解决问题。

Answer 2

试试这个

<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 3

首先，您可能希望更具体地说明“不工作”，如前所述。我猜你的意思是链接不起作用？您可能需要指定正在使用的浏览器和其他详细信息。

然而，我之前遇到过类似的问题，这也可能对你有所帮助。我有时候会使用你的方法得到随机链接，我最终开始改变将图像包装成带有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只是一个链接，而光标：指针只是为了让它在悬停在它上面时看起来像一个链接。希望这会有所帮助：）

Answer 4

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

用链接包裹的图像不起作用

4 个答案: