<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 的问题。当我使用选项卡时,链接有效。
我尝试了不同组合的 z-index,但似乎都不起作用!
在以下链接中找到完整的 html 和 css 文件:
- .CSS
- .HTML
任何帮助表示赞赏。
我在锚标签中添加了一些文本。但似乎您需要将它们显示为字体真棒图标。在这种情况下,一个空格字符就足够了。或者
<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"> </a>
<a href="https://www.instagram.com/strange._.quark/"
class="fa fa-instagram"> </a>
</div>
链接内部没有内容。如果您想要仅图标链接,您可以做的是将fa-*
类放在a
标签内的span
或i
标签上,如下所示:
<a href="https://example.com" >
<span class="fa fa-linkedin"></span>
</a>
然后,这会导致a
标记实际包含内容并可点击。