HTML超链接不工作 接触

上述代码段中的超链接不可单击。这可能是另一个重叠div的问题。当我使用tab时，链接起作用

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

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

---

感谢您的帮助。

我在锚定标记中添加了一些文本。但似乎你需要将它们显示为令人敬畏的字体图标。在这种情况下，一个空格字符就足够了。或者是一个

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

接触

链接中没有内容。如果您只需要图标链接，可以将

fa-*

类放在

span

或

i

标记的

a

标记中，如下所示：

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

---

这将导致

a

标记实际包含内容并可单击。

链接中没有内容。如果您只需要图标链接，可以将

fa-*

类放在

span

或

i

标记的

a

标记中，如下所示：

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

---

这将导致

a

标记实际包含内容并可单击。

这些链接中没有内容。有什么可以点击？你能创建一个链接至少是可见的吗？这些链接中没有内容。有什么地方可以点击？你能创建一个链接至少可见的地方吗？代码转储不能得到好的答案。您应该解释这是如何以及为什么解决他们的问题的。我建议阅读：“谢谢你的建议，@johncode。我编辑了我的答案。希望它越来越好。代码转储不会带来好的答案。你应该解释这是如何以及为什么解决了他们的问题。我建议阅读，”谢谢你的建议，@johncode。我编辑了我的答案。希望得到更好的建议。我还使用单个空格字符作为内容，将Font Awesome类保留在锚标记中。然而，这个问题并没有提到如何使用令人敬畏的字体。很好的建议。我还使用单个空格字符作为内容，将Font Awesome类保留在锚标记中。然而，这个问题并没有说明如何使用令人敬畏的字体。