Html 我有两个链接：一个是我的图片，一个是我的标题。为什么他们都要转到同一个地方？

我需要的标题链接直接到一个单独的页面

下面是我的代码片段

 <div class="img-container design" data-category="design">
                <h3 class="pro2">Angular JS Sales List <a class="pro1" href="https://github.com/Daniel1836/Angular-JS-Project">Git Hub</a> </h3>
               <img src="img/angular.png">
                <a class="img-overlay" href="/portfolio/index2.html"></a>
                    <div class="img-overlay-text"> 

---

第二个链接应该是这样的：

<a class="img-overlay" href="/portfolio/index2.html">
 <img src="img/angular.png" />
</a>

---

这是因为它在覆盖层上，所以你实际上从来没有点击过图片。可能是a.img-overlay的样式覆盖了.img容器吗？如果可能的话，如果没有cssput，我真的说不出来。请在这种情况下提供一个示例，这样人们就不必猜测了。

<a class="img-overlay" href="/portfolio/index2.html">
 <img src="img/angular.png" />
</a>