Html 单击鼠标时，图像链接在鼠标上方不起作用

我创建了一个页面快速链接，其中包含一个图像作为链接，我通过创建一个类和iframe标记在索引页面上使用这个页面。当我在索引页面上点击一个图像时，链接将不起作用，图像将消失，而如果我打开快速链接文件并点击它，它将起作用。你知道如何让它正常工作吗

索引页代码：

<div class="img">
    <iframe src="quickLinks/quick-link.html" style="width:780px;height:500px;:-webkit-scrollbar { display: none; } overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0">
    </iframe>
</div>

快速链接代码：

<div>
    <a href="http://www.google.com"><img src="scholarships_bt.png" onMouseOver="this.src='scholarships_bt2.png'" onMouseOut="this.src='scholarships_bt.png'" /</a>
    <a href="http://www.google.com"><img src="research_bt.png" onMouseOver="this.src='research_bt2.png'" onMouseOut="this.src='research_bt.png'" /></a>
</div>

---

快速链接代码只是一个提示。为了安全起见，不要将HTML标记名用作类。这可能会破坏某些浏览器，并可能导致问题。例如，你有。IMG是一个HTML标记。