添加指向 Font Awesome 图标的链接答案

【问题标题】：Adding links to Font Awesome icons添加指向 Font Awesome 图标的链接
【发布时间】：2017-11-01 11:20:00
【问题描述】：

字体真棒图标上的链接在以下容器中不起作用。

<div class="profile_wrap">
  <div class="profile_tile">
    <img class="pp-image" src="http://maduk.uk.w3pcloud.com/wp-content/uploads/2017/10/stuart-pic.png">
    <div class="social_area profile_animate-text">
      <a href="http://www.gmail.com" class="icon-block"><i class="fa fa-envelope"></i></a>
      <a href="http://www.linkedin.co.uk"><i class="fa fa-linkedin"></i></a>
    </div>
    <div class="profile_text">
      <h1 class="profile_animate-text">Lorem ipsum.</h1>
      <h2 class="profile_animate-text">More lorem ipsum bacon ipsum.</h2>
      <p class="profile_animate-text">Bacon ipsum dolor amet pork belly tri-tip turducken, pancetta bresaola pork chicken meatloaf. Flank sirloin strip steak prosciutto kevin turducken.</p>
    </div>
  </div>
</div>

我通过在元素上添加以下 CSS z-index:999 解决了这个问题。

问题是因为他们坐在 div 的后面，并且字体中还有另一个 div，这使得他们无法点击。

【问题讨论】：

你链接字体 awesonm css 文件了吗？如果是，请检查开发者控制台，看看是否有任何错误。
更新你的问题，检查sn-p，它工作正常。
是的，sn-p 正在工作......

标签： html hyperlink font-awesome

【解决方案1】：

试试这个：

.profile_animate-text {
    z-index: 9999;
}

【讨论】：