HTML-гиперссылки не работают
<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 по следующим ссылкам:
Любая помощь приветствуется.
Можете ли вы создать минимальный воспроизводимый пример, где ссылки хотя бы видны?
Ответы 2
Я добавил текст в теги привязки. Но, похоже, вам нужно показать их как иконки 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"> </a>
<a href = "https://www.instagram.com/strange._.quark/"
class = "fa fa-instagram"> </a>
</div>
Дампы кода не дают хороших ответов. Вы должны объяснить как и Зачем, это решает их проблему. Рекомендую прочитать "Как мне написать хороший ответ? "
Спасибо за предложение, @JohnConde. Я отредактировал свой ответ. Надеюсь, становится лучше
В ссылках нет содержимого. Что вы можете сделать, если хотите, чтобы ссылки только для значков, это поместить классы fa-* в тег span или i внутри тега a следующим образом:
<a href = "https://example.com" >
<span class = "fa fa-linkedin"></span>
</a>
Это приводит к тому, что тег a фактически содержит контент и становится интерактивным.
Хорошее предложение. Я также работаю с одним пробелом в качестве содержимого, оставляя класс Font-Awesome в теге привязки. Однако вопрос ничего не говорит об использовании font awesome.
В этих ссылках нет контента. Что там нажимать?