Google Siganute сделать одно изображение имеют две ссылки - PullRequest
Новая
       33

Google Siganute сделать одно изображение имеют две ссылки

0 голосов
/ 04 июня 2018

поэтому у меня есть это изображение enter image description here

, чтобы каждая сторона изображения, но обратите внимание, что это одно целое изображение, имеет разные URL, поэтому, когда я нажимаю на меня, оно должноперейдите на 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, но оно не активируется

1 Ответ

0 голосов
/ 04 июня 2018

Вы должны использовать background-image. 

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