Встплывающий текст в блоке

[npofopr]

Добрый день.

Есть такой пример:
http://jsfiddle.net/npofopr/39vKW/

И всё работает, и на андроидах/айпадах :hover срабатывает как тап.
Но если на мобильных "тапнуть" в районе ссылки, то устройство сразу же будет переходить по этой ссылке.
Можно ли как то через css избавиться от этого? т.е. чтобы по тапу появлялся текст -> а второй тап, уже непосредственно переход по ссылке.

 

[BaNru]

нет
CSS не перехватывает события, типа клик.

Можно назначить на ХОВЕР новый ХОВЕР, но не перехватить.
ХОВЕР - это наведение, а не ТАП.
ТАП == КЛИК

 

[npofopr]

нет
CSS не перехватывает события, типа клик.

Можно назначить на ХОВЕР новый ХОВЕР, но не перехватить.
ХОВЕР - это наведение, а не ТАП.
ТАП == КЛИК

Т.е. делать через js получается только?
Вообще делаю такое http://ruseller.com/lessons.php?rub=2&id=1706

Почитав, попробовал так http://jsfiddle.net/npofopr/39vKW/5/ , но оно всё равно переход идёт.

Ещё есть modernizr и можно нечто такое сделать:

$('selector').click(...)
$('.no-touch selector').hover(...)

Но я так понимаю всё дело в opacity, а не в клике.

До меня не доходит как можно на тач-устройствах повторить такой же эффект?

 

[BaNru]

Я вчера не так немного понял
Вот хак можно такой использовать
http://jsfiddle.net/39vKW/6/

:biggrin:

 

[npofopr]

Я вчера не так немного понял
Вот хак можно такой использовать
http://jsfiddle.net/39vKW/6/

:biggrin:

Да. Интересно)
Только на андроиде не работает :-( Наверно и на айпадах.
Не срабатывает ссылка. Красный блок так и остаётся поверх. С opacity:0; такая же картина.

 

[Geo Klm]

события hover в "тыковых" устройствах не предусмотрено пока и наврятли оно там будет, иногда удобнее переделать дизайн чем выдумывать костыли...- мое имхо