Показать сообщение отдельно
  #1 (permalink)  
Старый 04.11.2015, 10:39
Новичок на форуме
Отправить личное сообщение для lacostewin@bk.ru Посмотреть профиль Найти все сообщения от lacostewin@bk.ru
 
Регистрация: 04.11.2015
Сообщений: 1

CSS анимация + ссылка
Всем привет.

Помогите найти решение. Есть картинка ссылка с небольшим геморроем в виде area shape:

<p><div class="yaa">
<img src="/images/banners/yandex.png" height="35" width="35"
alt="Мы в Янедексе" usemap="#yaa"></div></p>
<p><map name="yaa">
<area shape="circle" coords="16,16,17" href="https://maps.yandex.ru" target="_blank">
</map></p>

и некоторой инимацией:

.yaa
{
position: relative;
top: 21px;
left: -41px;
}


.yaa :hover
{

-webkit-transform: scale(1.3);
transform: scale(1.3);

}

Проблема в том, что при наведении курсора на картинку, она перестаёт быть ссылкой. Анимация при этом срабатывает.
Ответить с цитированием