Question

所以我有这张图片

以便图像的每一面但请注意它是一整个图像有一个不同的网址所以，当我点击我时，它应该转到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签名显示但不可点击

Answer 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>

谷歌siganute使一个图像有两个链接

1 个答案: