#html #css
Вопрос:
Я просто хочу, чтобы значок не позволял отправить ссылку! Как вы видите на рисунке, значок сердца завернут в img, h2 и p меткой привязки. Кстати, я попробовал указатель на свойство-события:нет; но это не сработало. Это и есть код:
<a href="#">
<div class="wrapper">
<img src="#"/>
<div class="details">
<h2>...</h2>
<p>...</p>
<i class="far fa-heart"></i>
</div>
</div>
</a>
.fa-heart {
position: absolute;
font-size: 1.6rem;
right: 20px;
top: 20px;
transition: color 600ms linear;
}
Комментарии:
1. Не могли бы вы просто поместить значок за пределами элемента a?
2. Используйте это
<a href="#"> Your Icon </a>
, это то, что вы хотели.3. Не на самом деле я просто хочу отключить форму значка сердца, отправляющую всю ссылку, в то время как другие части ссылки хотят работать должным образом !