从图像链接溢出的mailto链接

Question

我在http://jamesfrewin.co设置了一个网站，我试图让小信封图标的邮件链接只在信封图像上工作，但它似乎溢出到整个框。

非常感谢任何帮助解决这个问题。

http://jsfiddle.net/JzEnm/

Code

我的页面代码位于上面的链接中。

谢谢！

Answer 1

这种情况正在发生，因为您的锚标记包括信封图像，个人资料图像和文本。在信封image后关闭标记。改变这一点，你应该好好去。

<a href="mailto:jfrewin@me.com"><img class="image image-5" src="images/Envelope1.png" onmouseover="this.src='images/Envelope2.png'" onmouseout="this.src='images/Envelope1.png'">
  <img class="image image-6" src="images/Profile Card.svg">
</a>

Answer 2

你正在寻找的答案由@James提供。只是错过了一个结束锚标记。

从欣赏良好，干净的代码并遵循最佳实践的人那里，我挑战你剥离你的悬停事件并用sprite和css替换它们：悬停效果。

Answer 3

在</a>

之后添加<img alt="" class="image image-5" src="images/Envelope1.png" onmouseover="this.src='images/Envelope2.png'" onmouseout="this.src='images/Envelope1.png'">