0

我有这个登陆页面。我希望该电子邮件成为 mailto:info@domain.tld 的链接。

我尝试在正文上使用地图（usemap="#mail" 然后地图名称="mail">），但它不起作用。我也尝试使用空白透明 png 图像（将 usemap 设置为），但链接不可点击。

如何实现电子邮件区域以在其上添加链接？当然，它应该适用于不同的分辨率。

4

3 回答 3

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 回答
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 回答