在类中创建电子邮件或HTML链接
我是这一切的初学者，但我会尽我最大的努力来解释。
我使用Stack溢出来找出如何在另一个图像之上定位图像。我之所以这么做是因为我想在我的网站顶部有一个大的酒吧，上面有联系详细信息，其中一部分链接到一个电子邮件地址。
我使用了以下代码：
CSS：
.imgA1 {
position:absolute; top: 0px;
left: 0px; z-index: 1; } <br> .imgB1 {
position:absolute; top: 0px; left:
100px; z-index: 3;
}HTML：
<img class=imgA1 src="images\headings\red_heading.jpg"><br>
<img class=imgB1 src="images\headings\red_heading_email.jpg">请注意:我不得不在上面的<和img类之间留出一个空格，否则它就不会显示我的代码了！！
所有以上的工作真的很好，但是我想添加一个电子邮件链接到上面的第二类，所以当有人点击它时，一个电子邮件客户端打开。
我希望这一切都有意义。
无论如何，帮助/建议将是很棒的。
致以亲切的问候，
史蒂夫
我想要做的是添加一个链接到上面的"imgB1“部分.
回答 7
Stack Overflow用户
发布于 2011-03-21 16:11:52
我不确定我是否理解，但要将链接添加到图像中，只需将其放入锚标中，并打开电子邮件客户端，只需使用theemail@address.com的href
<img class=imgA1 src="images\headings\red_heading.jpg">
<a href='mailto:me@me.com'>
<img class=imgB1 src="images\headings\red_heading_email.jpg">
</a>您还可能需要向imgB1类添加边框: none，因为默认情况下，图像在超链接时有边框。
Stack Overflow用户
发布于 2011-03-21 16:11:25
将<img>标记放置在<a> ( anchor )标记中，使用锚标记的href属性，在单击图像时打开用户的电子邮件客户端的代码如下所示。
<a href="mailto:myname@mail.com">< img class=imgB1 src="images\headings\red_heading_email.jpg"></a>现在，点击图片将启动网站访问者默认邮件客户端与"to“邮件地址"myname@mail.com”。
Stack Overflow用户
发布于 2011-03-21 16:13:23
你想要的是：
< img class=imgA1 src="images\headings\red_heading.jpg"> < img src="images\headings\red_heading_email.jpg">
用同样的css。这应该将定位应用到锚标记，而锚标记又包含您想要覆盖的图像。
安迪
https://stackoverflow.com/questions/5380285
复制相似问题
腾讯云开发者
