Ссылка на изображение на iPhone не доступна

У меня есть подпись, которая используется в Outlook. У подписи есть изображение внизу и ссылка, которая охватывает изображение. На компьютерах вы можете щелкнуть по изображению и перейти к ссылке, находясь на iPhone, и попросить вас сохранить изображение или скопировать или отменить. Иногда я заметил, что он работает, но не смог определить, когда он ссылается, и когда он просит скопировать изображение.

Код - это соответствующий код для изображения/ссылки

    <table>
    <tr>
        <td>
            <span style="font-size: 10pt; font-family: Calibri">
                <br/>
                <!-- begin ad tag -->
                <a href="LINK" target="_blank">
                <img src="IMAGE" border="0" alt="" /></a>
                <!-- end ad tag -->
            </span>
        </td>
    </tr>
    </table>

Редактирование 1: просто попробуйте еще несколько тестов, если я войду в веб-браузер на IPhone, а затем вернусь в почту и щелкните изображение, которое оно перейдет на ссылку, не запрашивая сохранение изображения.

Изменить 2: Редактировать 1 работает только на iphone 4 версии 5.1 (не работает на 4S, не тестировал другие). Также работает на ipad 3 версии 5.1

Редактировать 3: Также не работает на 3g iphone либо версии 5.1 Я собираюсь отметить это как проблему iphone и сказать, что jme1988 прав, если кто-то не придумает что-то еще.

Спасибо за помощь

Ответы

Ответ 1

Звучит как проблема с Iphone для меня (меня это не удивит). Появившееся меню, вероятно, потому, что клиент электронной почты не может запустить окно браузера, когда он еще не запущен (следовательно, почему он работает иногда, а не другие).

Ответ 2

Вы должны использовать теги карт, чтобы заставить его работать. Вот пример использования изображения facebook, связанного с facebook с использованием карты:

<img src="http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_128x128.png" alt="Facbook" usemap="#facebook" />

 <map name="facebook">
   <area shape="rect" coords="0,0,128,128" href="http://www.facebook.com" alt="Facebook" />
 </map>

Если вы не знакомы с этим, попробуйте вставить код в документ .html и проверить его (должно работать). Обычно вы помещаете "сопоставления" непосредственно перед </body>.

В аргументе coords вы должны использовать графики x1, y1, x2, y2. Это означает, что вы хотите отобразить прямоугольное изображение из верхнего левого в нижнее правое от размера изображения. Это похоже на работу с версией 3G.

Ответ 3

Я действительно нашел решение, которое работает на iOS 6.1.2, а также на рабочем столе Apple Mail (6.0):

Объедините приведенные выше подходы:

<a href="http://foo">
  <img src="http://bar" usemap="linkmap" alt="Click me" title="Click me"/>
  <map name="linkmap">
    <area shape="rect" coords="0,0,80,80" href="http://foo" alt="Click me" />
  </map>
</a>

Ответ 4

Попробуйте применить следующий css к тегу изображения и убедитесь, что он добавлен как встроенный стиль.

-webkit-touch-callout: none;
-webkit-user-select: none;

Ответ 5

Я не уверен, что мое предложение - лучшая практика, но решение для карты изображений не работает для меня (iOS 6.1 на iPhone 4s).

Вместо этого я просто разместил прозрачный "href" поверх моего желаемого кликабельного изображения:

<a href="http://LINK" id="clickable" style="width:441px; height:244px; position:absolute; top:303px; left:46px; background-color:rgba(0,0,0,0); z-index:99">

  Кроме того, мне пришлось оставить оригинальный "href" вокруг самого изображения, так как прозрачная ссылка не работала в Outlook на ПК.

Надеюсь, что это поможет.