css - 在类中创建电子邮件或 HTML 链接

Question

我是这方面的初学者，但我会尽力解释。

我使用 Stack Overflow 了解如何将一张图片放置在另一张图片之上。我这样做的原因是因为我想在我的网站顶部有一个大栏，其中包含详细联系信息，其中一部分链接到电子邮件地址。

我使用了以下代码:

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”部分添加一个链接...

Answer 1

将您的 <img> <a> 内的标签( anchor )标签，并带有 href anchor 标记的属性，点击图像打开用户电子邮件客户端的代码将如下所示。

<a href="mailto:myname@mail.com">< img class=imgB1 src="images\headings\red_heading_email.jpg"></a>

现在单击图像将启动站点访问者默认邮件客户端，其中“收件人”的邮件地址为“myname@mail.com”。