我可以将 Gmail 地址实现为 png 的 link 吗?

Can I implement a Gmail adress as a link to a png?

它曾工作过一次,但自从我添加了更多链接(Twitter 和 Instagram)后,它就不再工作了。 这是我的 gmail 链接的 CSS 代码:

  .gmail {
  color: white;
  font-weight: bold;
  font-size: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 300px;
  padding: 20px;
  text-align: center;
}

这是 div:

<div class="gmail">
  <a href="mailto:emailexample@gmail.com" title="Gmail">
    <img alt="Gmail" src="gmail-logo-transparent-background-2-removebg-preview.png" width="100" height="100" />
</a>
</div>

我尝试了多封电子邮件,但都没有用,所以电子邮件应该不是问题。

mailto 链接在电子邮件客户端中得到了相当好的支持。但与所有事情一样,请注意它可能不起作用。您可以查看 support for mailto links on caniemail.com.

我发现他们要靠近另一个。我将 instagram png 的宽度更改为 250px 而不是 300,并将框的左边距边缘更改为 70%,这样 ,hitboxes" 就不会发生碰撞。