图像上的 mailto 链接在 IE 中不起作用答案

【问题标题】：mailto link on image not working in IE图像上的 mailto 链接在 IE 中不起作用
【发布时间】：2012-02-19 20:37:50
【问题描述】：

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

谁能告诉我为什么这个“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;

}

谢谢！

【问题讨论】：

【解决方案1】：

您应该对主题行进行 URL 编码。在这种情况下，请将空格替换为 + 或 %20。

【讨论】：

谢谢，我都试过了。它不会启动应用程序。事实上，当我点击图片时，它会完全冻结 IE，并在状态栏中显示整个“mailto”代码字符串。我也删除了主题属性，但它仍然不起作用。光标变为手形指针，但没有任何反应。
需要为我的笔记本电脑获取一个新的 IE 副本。它适用于其他机器。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

我在使用 mailto 时遇到了这个问题：电子邮件链接在 PC 上的 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 脚本冲突的其他解决方案并没有为我解决问题。

【讨论】：