Question

这应该很简单，但我无法弄清楚为什么这个图像链接不起作用？当我将鼠标悬停在图像上时，好像没有链接可以点击，但它就在那里......请参阅下面的代码。

.researchnav {
display: block;
background: url(../images/research.png);
background-repeat: no-repeat;
width: 457px;
height: 38px;
margin-left: 370px;
text-indent: -9999px;

}

.researchnav:hover {
display: block;
background: url(../images/research_over.png);
background-repeat: no-repeat;
width: 457px;
height: 38px;
margin-left: 370px;

}

<ul id="nav">
    <li class="researchnav"><a href="research.html">Research</a></li>
</ul>

Answer 1

尝试将样式应用于 a 而不是 li 。

<a class="researchnav" href="research.html">Research</a>

导航图像链接无法正常工作

1 个答案: