google siganute 使一张图片有两个链接答案

【问题标题】：google siganute make one image have two linksgoogle siganute 使一张图片有两个链接
【发布时间】：2018-06-04 04:30:36
【问题描述】：

所以我有这张图片

所以图像的每一面，但请注意它是一个完整的图像有不同的网址所以当我点击我时，它应该转到google.com，当我点击你时，它应该转到youtube.com 我希望它适用于 gmail 签名我做了类似的事情但是当我将它粘贴到 gmail 签名中时它似乎不起作用

<style>
      #link1{
  position: absolute;
  width: 257px;
  height: 133px;
  float: left;
      }
      #link2{
        width: 257px;
      height: 133px;
      position: absolute;
      margin-left: 282px;
      }
    </style>
  </head>
  <body>
    <a style="" href="google.com">
      <span id="link1"></span>
    </a>
    <a href="youtube.com">
      <span id="link2"></span>
    </a>
     <img src="images/Image.png" alt="">

图片以gmail签名显示，但不可点击

【问题讨论】：

电子邮件的用户内联 CSS。保证金和头寸在电子邮件客户端中没有相同的支持。您的编码必须是表格和两个图像。即使是背景图片也无法在所有电子邮件客户端上正常工作。

标签： html css gmail email-templates

【解决方案1】：

你必须使用背景图片。

.wrap {
  display: flex;
  width: 100%;
  max-width: 500px;
  height: 200px;
  background-image: url(https://i.stack.imgur.com/h3SHH.png);
  background-size: cover;
}

.link {
  flex: 1;
}

<div class="wrap">
  <a href="google.com" class="link"></a>
  <a href="youtube.com" class="link"></a>
</div>

【讨论】：