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