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

我是一个初学者，但我会尽力解释

我使用堆栈溢出来确定如何将一个图像放置在另一个图像的顶部。我这样做的原因是因为我想在我的网站顶部有一个大的酒吧，上面有详细的联系方式，其中一部分链接到一个电子邮件地址

我使用了以下代码：

CSS:

.imgA1{
位置：绝对；顶部：0px；
左：0px；z索引：1；}
.imgB1{
位置：绝对；顶部：0px；左侧：
100px；z指数：3；
}

HTML:

请注意：我必须在<和上面的img类之间留出一个空格，否则它将不会显示我的代码

所有这些都非常有效，但是我想在上面的第二个类中添加一个电子邮件链接，因此当有人单击它时，会打开一个电子邮件客户端

我希望这一切都有意义

无论如何，帮助/建议将是非常棒的

亲切问候,

史蒂夫

我想做的是添加到上面“imgB1”部分的链接…

将您的

标记放在

---

现在点击图片将启动站点访问者默认的邮件客户端，邮件地址为“to”myname@mail.com“

我不确定自己是否理解，但要添加图像链接，您只需将其放在电子邮件中，要打开电子邮件客户端，您需要使用mailto的href：theemail@address.com

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

---

您可能还需要在imgB1类中添加边框：无，因为默认情况下，图像在超链接时有边框。

我想您需要的是：

使用相同的css。这应该将定位应用于锚定标记，锚定标记又包含要覆盖的图像

---

安迪

非常。。。奇怪。。。但您可以使用Javascript实现这一点，例如在JQuery中，您可以执行以下操作：

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

$(document).ready(function() {
    $('.imgB1').each(function() {
        $(this).prepend('<a href="link_to_point_to">');
    });
});

$（文档）.ready（函数（）{
$（'.imgB1'）。每个（函数（）{
$（this.prepend（“”）；
});
});

---

请注意，我没有对其进行测试

如果上述方法由于图像上的位置变化而无法工作（不确定它们是否会工作），则可以将图像的“onclick”属性设置为如下函数：

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

$(document).ready(function() {
    $('.imgB1').each(function() {
        $(this).prepend('<a href="link_to_point_to">');
    });
});

函数sendmail（）{
var domain=“test.com”；//这使得垃圾邮件发送者更难找到电子邮件
var user=“test”；
var subject=“Some subject Line”；//您还可以设置正文和其他内容，请查阅mailto
var mailto_link='mailto:'+user+'@'+domain+'？subject='+subject；
win=window.open（mailto_链接，'emailWindow'）；//您看到的只是邮件客户端窗口
如果（win&&win.open&&win.close）win.close（）；
}    

您不能通过CSS类拥有链接，因为CSS只定义显示/布局属性

---

您必须向img添加一个html锚定标记。

默认情况下，超链接的图像周围将有一个边框（通常为蓝色）。请确保通过css或使用IMG属性border=“0”

将其删除，非常感谢大家！我使用了上面的一个，因为它看起来对我来说是最简单的，而且效果很好！谢谢你的回复，但就像库什在上面说的那样，这真是太让人难以接受了。我设法用HTML和CSS制作了一个基本的网站，但是上面的一切都让我不知所措。非常感谢！：）

<script type="text/javascript">    
function sendEmail() {

        var domain = "test.com"; // this makes it a bit harder for a spammer to find the e-mail
        var user = "test";
        var subject = "Some subject Line"; // You can also set the body and some other stuff, look up mailto

        var mailto_link = 'mailto:' + user + '@' + domain + '?subject='+subject;

        win = window.open(mailto_link,'emailWindow'); // all you see is the mail client window
        if (win && win.open &&!win.closed) win.close();
    }    
</script>

<img class=imgB1 src="images\headings\red_heading_email.jpg" onclick="sendEmail()"/>