mailto: и tel: схема с изображением в теге привязки в мобильной сети

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

<a class="emailTag" href="mailto:[email protected]">
     <img src="email_img.png" alt="[email protected]" />
</a>
<a class="phoneTag" href="tel:1234567890">
     <img src="phone_img.png" alt="1234567890" />
</a>

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


person Michael Delaney    schedule 12.04.2011    source источник


Ответы (1)


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

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

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

person pcans    schedule 13.04.2011