Question

     <div class="item slides">
      <div class="slide-12"></div>       
      <div class="hero3">  
          <h1>Reach out at</h1>      
          <a href="https://www.linkedin.com/in/sowmiya-nagarajan/" 
          class="fa fa-linkedin"></a>
          <a href="https://github.com/strangest-quark" class="fa fa-
          github"></a>
          <a href="https://www.snapchat.com/add/strangely-quark" 
          class="fa fa-snapchat-ghost"></a>
          <a href="https://www.facebook.com/nagarajan.sowmiya" 
          class="fa fa-facebook"></a>
          <a href="https://www.instagram.com/strange._.quark/" 
          class="fa fa-instagram"></a>
      </div>    
    </div>

上述代码段中的超链接无法点击。这可能是另一个重叠div的问题。我使用tab时链接有效。

我尝试了不同组合的z-index，但它们似乎都没有用！

在以下链接中找到完整的html和css文件：

CSS
HTML

任何帮助表示感谢。

Answer 1

我在锚标签中添加了一些文字。但似乎你需要将它们展示为Font Awesome图标。在这种情况下，单个空格字符就足够了。或者是 

  <div class="hero3">  
      <h1>Reach out at</h1>      
      <a href="https://www.linkedin.com/in/sowmiya-nagarajan/" 
      class="fa fa-linkedin"> sowmiya-nagarajan</a>
      <a href="https://github.com/strangest-quark" class="fa fa-
      github"> strangest-quark</a>
      <a href="https://www.snapchat.com/add/strangely-quark" 
      class="fa fa-snapchat-ghost"> strangely-quark</a>
      <a href="https://www.facebook.com/nagarajan.sowmiya" 
      class="fa fa-facebook">&nbsp;</a>
      <a href="https://www.instagram.com/strange._.quark/" 
      class="fa fa-instagram"> </a>
  </div>

Answer 2

链接中没有内容。如果您想要仅图标链接，您可以执行的操作是将fa-*类放在span或i标记内的a标记中，如下所示：

<a href="https://example.com" >
    <span class="fa fa-linkedin"></span>
</a>

这会导致a标记实际上有内容并且可以点击。

HTML超链接无效

2 个答案:

HTML超链接无​​效

2 个答案:

HTML超链接无效