CSS при касании на Iphone?

Question

[shooroop87]

Добрый день!
Появилось два вопроса по CSS
1. Если открыть этот сайт www.patriciaurquiola.com на мобильной версии и наводить там на изображения, т.е. простым касанием экрана айфона, то всплывает сверху на изображении название. На PC сделал, а вот как сделать, чтобы так на айфоне при касании работало не могу. Помогите пожалуйста.
2. Второй вопрос по тому же сайту по вот этой ссылке www.patriciaurquiola.com/architecture/gianvito-ros...
Если открыть на ПК и скролить вниз, то боковой текст остаётся на месте. Знаю что если указать в CSS position: fixed, то будет работать, однако есть косяк при прокрутке до футера. Этот боковой текст с позицией fixed идёт поверх футера, что собственно не правильно. Как сделать так чтобы боковой текст не перекрывал элементы футера? Помогите пожалуйста.

Answer 1

[A K]

1. обычный :hover
2. В данном примере этой проблемы не наблюдается, проверино на edge, ff, chrome, opera.

Comments

[Vladimir T]

Symphony hover не работает на мобильных устройствах(более подробно здесь: stackoverflow.com/questions/2427447/does-css-hover...

[A K]

Vladimir T: работает по касанию, как и требует тс.

[stasov1]

Для айфона чтобы hover работал нужно на родителя или на сам элемент повесить js событие click, которое будет ничего не делать например return false; а на счет скрола нужно вычислить верхнюю позицию футера и сделать чтобы низ скорлящейся фигни не доходил до позиции футера.

Answer 2

[Vladimir T]

1 ) www.prowebdesign.ro/how-to-deal-with-hover-on-touc...
2) как вариант поиграться с z-index