12

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 の Web ブラウザーにアクセスしてからメールに戻り、画像をクリックすると、画像を保存するように求められることなくリンクに移動します。

編集 2: 編集 1 は iphone 4 バージョン 5.1 でのみ動作します (4S では動作せず、他はテストしていません)。iPad 3 バージョン 5.1 でも動作します

編集 3: また、バージョン 5.1 の 3g iphone でも動作しません。これを iphone の問題としてマークアップし、誰かが何か他のことを考え出さない限り、jme1988 が正しいと言います。

ご協力ありがとうございました

4

6 に答える 6

8

機能させるには、マップ タグを使用する必要があります。マップを使用して 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>。

議論では、x1 、coordsy1、x2、y2 プロットを使用する必要があります。これが意味することは、画像のサイズの左上から右下に長方形の画像をマップしたいということです。これは 3G バージョンで動作するようです。

于 2012-06-22T16:40:45.300 に答える
4

実際に、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>
于 2013-02-22T00:55:11.130 に答える
1

次の css をイメージ タグに適用してみて、インライン スタイルとして追加されていることを確認してください。

-webkit-touch-callout: none;
-webkit-user-select: none;
于 2014-08-05T09:33:53.947 に答える
0

私の提案がベスト プラクティスかどうかはわかりませんが、イメージ マップ ソリューションはうまくいきませんでした (iPhone 4s 上の iOS 6.1)。

代わりに、目的のクリック可能な画像の上に透明な「a 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">

  また、透過リンクが Outlook on PC で機能しなかったため、画像自体の周りに元の「a href」を残す必要がありました。

お役に立てれば。

于 2013-02-06T10:25:16.503 に答える
0

私には、iPhone の問題のように思えます (驚くことではありません)。ポップアップするメニューは、電子メール クライアントがまだ起動されていないときにブラウザ ウィンドウを起動できないことが原因である可能性があります (したがって、機能する場合と機能しない場合があるのはこのためです)。

于 2012-05-08T16:15:04.843 に答える