Как сделать :after картинку ссылкой? - Общие вопросы веб разработки

Всем привет!
Стоит у блока картинка через :after, очень надо сделать картинку кликабельной. В инете все перелопатил, обычными (штатными) средствами CSS и HTML это не сделать. Но, говорят, можно это реализовать через JS... Может еще как-то можно? Может у кого есть готовый рецепт JS?
Помогите советом, пожалуйста.

Только если весь блок сделать кликабельным.

Только если весь блок сделать кликабельным.

Вся проблема в том, что это блок меню и сделать его полностью кликабельным - не вариант.

Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер

Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер

Не очень понятно как это реализовать.
Сейчас вид такой:
<div class="navbar-nav">Блок навигации</div>
Стили:
.navbar-nav:after{
content: "";
position: absolute;
right: 10px;
top: 30px;
width: 100px;
height: 100px;
background-image: url('/images/logo-min.png');
background-size: 100px 100px;
}

Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер

Уф. Сделал! Добавил div с сылкой и стилями задал такое же позиционирование, как афтер, афтер убрал и все.
Спасибо большое за совет! + в карму

Добавил div с сылкой и стилями задал такое же позиционирование, как афтер, афтер убрал и все.

именно так