0

このランディングページがあります。メールをmailto：info@domain.tldへのリンクにしたいと思います。

マップを使用しようとしましたが（本文でusemap = "＃mail"、次にマップ名= "mail">）、機能しません。空白の透明なpng画像（usemapをに設定するため）でも試しましたが、リンクをクリックできません。

電子メールの領域にリンクを設定するにはどうすればよいですか？もちろん、さまざまな解像度で動作するはずです。

4

3 に答える 3

0

あなたはこのようなことをすることができます：

CSSを追加：

div#mail {
margin-left: 67%;
margin-top: 31.8%;
overflow: hidden;
width: 16%;
}

a {
color: transparent;
}

HTMLを追加：

<div id="mail"><a href="mailto:info@gioiellidisapone.it">info@gioiellidisapone.it</a></div>

デモ： http： //jsfiddle.net/fXats/

完璧ではありませんが、十分かもしれません。:)

于 2013-01-29T01:11:07.890 に答える
0

これは、Inspect 要素を使用してページを直接変更した方法であり、リンクは画像テキストの上にとどまります。これは別のオプションですが、メールの配置をサポートするために幅と高さが固定されています。

<body>
<div style="
    width: 1430px;
    position: absolute;
    border: 1px solid #000;
    height: 700px;
    background-image: url(home2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
"><a href="#" style="
    position: relative;
    top: 450px;
    right: 294px;
    display: inline-block;
    float: right;
">Info@gioiellidisapone.it</a>
</div>
</body>
于 2013-01-30T01:47:32.313 に答える
0

メールのリンクをテキストとしてレンダリングしてみませんか? Open Sans に似ているようです: http://www.google.com/webfonts/specimen/Open+Sans

于 2013-01-29T00:16:31.780 に答える