图像上的mailto链接无法在IE中运行

Question

当用户点击“发送电子邮件”按钮时，他们的默认电子邮件应用程序将打开主题行：“请求信息”。

有谁能告诉我为什么这个“mailto：”代码在IE7 / 8中不起作用？它在FF，Chrome和Safari中正常运行。我不想将我的图像包裹在锚标记中，除非没有别的办法。

HTML

<a href="mailto:info@mydomain.com?subject=Request Information" class="info-main">Send email</a>

CSS

.info-main {
background-image:url('/i/info_email_button.png') no-repeat;
display:block;
    height:123px;
    width:24px;
text-indent:-9999px;

}

谢谢！

Answer 1

您应对主题行进行网址编码。在这种情况下，请使用+或%20替换空格。

Answer 2

对空格和特殊字符使用Url-Encode，表示：

<a href="mailto:info@mydomain.com?subject=Request%20Information" class="info-main">Send email</a>

Answer 3

我遇到了这个问题，mailto：电子邮件链接无法在IE9和FirefoxF22上工作，并在将元素更改为常规ole div时修复了它。所以而不是：

    <button class="foo-btn"><a href="mailto:foo@bar.com">E-mail</a></button>

尝试使用IE9：

    <div class="foo-btn"><a href="mailto:foo@bar.com">E-mail</a></div>

我看到的有关添加... target =“_ blank”的其他解决方案或者它是Google Analytics脚本冲突并没有为我解决问题。