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

有什么我做错了吗？多谢你们。:)

我认为唯一引用它的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;
}
4

4 回答 4

0

你确定那是你写的吗<a href="register">？<a href="login">

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

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

您还可以覆盖图像的默认 CSS Cursor 以使其成为指针。由于可以继承光标样式，因此它可能正在获取先前样式声明的值，而这样的声明可能会解决问题。

于 2012-08-22T20:15:33.790 回答
0

试试这个

<ul>
<li><a href="#register"><img src="images/register.png"></a></li>
<li><a href="#login"><img src="images/login.png"/></a></li>
</ul>
于 2012-08-22T20:18:56.947 回答
0

首先，您可能希望更具体地了解前面提到的“不起作用”。我假设您的意思是链接不起作用？您可能需要指定您正在使用的浏览器和其他详细信息。

但是，我以前遇到过类似的问题，这也可能对您有所帮助。有时我会使用您的方法获得无法正常工作的随机链接，我最终开始将包含图像的链接更改为具有 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 只是为了让它看起来像一个链接，当你将鼠标悬停在它上面时。希望这可以帮助 ：）

于 2012-08-22T20:19:14.410 回答
0

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

于 2012-08-22T20:57:00.993 回答