Как сделать ссылку на изображение с помощью CSS-спрайтов - PullRequest
Новая
       33

Как сделать ссылку на изображение с помощью CSS-спрайтов

0 голосов
/ 22 марта 2019

У меня есть стажировка, и моя задача - попытаться создать сайт, используя только CSS-спрайты.Ниже приведено изображение, которое я использую, и я нашел способ показать только значки, которые я хочу, используя CSS.Но сейчас я пытаюсь выяснить, как их связать.Например, если я просто хочу ссылку на значок Facebook, как я могу это сделать?

enter image description here

1 Ответ

0 голосов
/ 22 марта 2019

Вы можете использовать стандартный элемент <a> для создания ссылок.Затем с помощью CSS вы можете установить фоновое изображение / положение для каждого из них.Нечто подобное (Вы должны научиться это делать): 

<style>
  .SocialNav > a {
    background-image: ...;
  }

  .Facebook {
    background-position: ...;
  }

  .Twitter {
    background-position: ...;
  }
</style>

<nav class="SocialNav">
  <a href="https://" class="Facebook" aria-label="Facebook"></a>
  <a href="https://" class="Twitter" aria-label="Twitter"></a>
</nav>

Вы должны разработать мой пример с этими ресурсами:

...