Html img替换文本，而不是损坏的图像图标

我正在发送一封html构建的电子邮件正文。
是否有办法在图像尚未加载时显示备用文本
我试着用img和text重叠两个div，它可以工作，但问题是显示的是断开的图像图标。

请在这里查看我的作品。

---

这个jQuery插件可以帮助您

延迟加载是指在长网页中延迟加载图像。在用户滚动到视口外的图像之前，不会加载这些图像。这与图像预加载相反。 在长网页上使用延迟加载将使页面加载更快。在某些情况下，它还可以帮助减少服务器负载

---

这个jQuery插件可以帮助您

延迟加载是指在长网页中延迟加载图像。在用户滚动到视口外的图像之前，不会加载这些图像。这与图像预加载相反。 在长网页上使用延迟加载将使页面加载更快。在某些情况下，它还可以帮助减少服务器负载

---

我正在生成一个html正文，它将作为电子邮件发送。我不是在编写一个普通的html正文。我正在生成一个html正文，它将作为电子邮件发送。我不是在编写一个普通的html正文。

<div style="width:100%;min-height:50px!important;text-align:center;background-color:#eee;border-bottom:solid 2px #aaa">
    <div style="min-height:10px">&nbsp;</div>
    <div style="min-height:30px">
        <div style='width:200px;margin:0 auto;'>
            <a href="http://google.com" target="_blank">
                <div style='position:relative;'>
                    <div style='position:absolute; height:30px;width:200px;z-index:1000;'>
                        <img height="30" width="200" alt="View Presentation" src="http://www.clker.com/cliparts/X/1/Q/v/b/2/green-button.svg">
                    </div>
                    <div style='position:absolute;height:30px;width:200px;background-color:#EEE;'>
                        Click here to view
                    </div>
                </div>
            </a>
        </div>
    </div>
    <div style="min-height:10px">&nbsp;</div>
</div>