прозрачный блок перекрывает ссылку

[Fate-ol]

Добрый день!

Есть проблема в срабатывании ссылки, все понятней из изображения для примера. Т.е. и галочка и лапа являются ссылками на разные страницы, но на лапу нельзя нажать, т.к. она фактически находится за галочкой, как решить эту проблему? Изображения тестовые, svg не обойтись.

Заранее благодарю за помощь.

 

 

 

[npofopr]

Да в общем то никак.

А как людям догадываться, что там 2 ссылки?)

[Fate-ol]

из реального примера понятно, что на объект можно нажать. Может все же как-нибудь?

[BrusSENS]

3 часа назад, Fate-ol сказал:

из реального примера понятно, что на объект можно нажать. Может все же как-нибудь?

Может я один не вижу, что на него можно нажать?

По теме:

.paw {
    z-index: 1000;
}
.mark {
    z-index: 999;
}

 

[by chris]

Если при ховере оставляем исходный вид, то без вариантов , только pointer-events.

[Fate-ol]

спасибо за советы...

и z-index и pointer-events рассматривались, но z-index нельзя менять это не имеет смысла, т.к. оба блока должны быть ссылками, а pointer-events полностью убирает реагирование. Интересует как именно создать, что бы и блок и ссылка были по контуру картинки...