mailto: и tel: схема с изображением в теге привязки в мобильном Интернете - PullRequest
2 голосов
/ 13 апреля 2011

У меня есть теги привязки, расположенные абсолютно (один рядом с другим по горизонтали) в правом нижнем углу страницы. Один из якорей - ссылка mailto:, а другой - ссылка tel :. Каждый содержит изображение вместо текста. Ни один из них не работает должным образом на моем устройстве Android. Я могу выбрать каждую ссылку, но только при длительном нажатии я получаю возможность позвонить по номеру или отправить электронное письмо. Если я избавляюсь от изображений и использую фактический текст для номера телефона и электронной почты, происходит соответствующее действие. Есть ли какие-то нюансы, о которых я не знаю, когда речь идет о том, чтобы заставить телефоны распознавать телефонные номера и электронные письма, которые не являются реальным текстом?

<a class="emailTag" href="mailto:myEmail@gmail.com">
     <img src="email_img.png" alt="myEmail@gmail.com" />
</a>
<a class="phoneTag" href="tel:1234567890">
     <img src="phone_img.png" alt="1234567890" />
</a>

Я также попытался удалить тег img и установить вместо него фоновое изображение для тегов привязки, но я получил тот же результат.

1 Ответ

1 голос
/ 13 апреля 2011

У меня нет вашей проблемы на моем устройстве 2.2. Вы пытались сделать простой тест, чтобы избежать побочных эффектов от других ваших css / js?

Google в результатах своего мобильного поиска делает это: <div onclick="window.location.href = 'tel:0123456789'" >0123456789</div>

Это может сработать для вас.

...