单击时，图像链接不适用于鼠标悬停

Question

我创建了一个页面“快速链接”，其中包含一个图像作为链接，我通过创建一个类和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>