Question

我有一个实习生，我的任务是尝试仅使用CSS Sprites创建网站。下面是我正在使用的图像，我找到了一种仅使用CSS显示想要的图标的方法。但是现在，即时通讯试图找出如何链接它们。例如，如果我只想要Facebook图标链接，该怎么办？

Answer 1

您可以使用标准的<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>

您必须使用以下资源详细说明我的示例：

如何使用CSS精灵制作图像链接

1 个答案: