html - 有没有办法在 HTML 电子邮件中构建 HTML/CSS，以便如果图像 X 未加载，文本 Y 就会出现？

Question

我正在寻找比 <img> 的 alt="Newsletter Heading text"属性更复杂的东西标签。

因此，如果 Masthead.png 图像由于某种原因未加载，我希望显示文本(例如 Font: 60px Helvetica Neue Black, Helvetica, ..., Sans Serif text-align: center)出现在中间作为我的 header 的表格单元格的内容，而不仅仅是右上角一些默认小字体的替代文本。我的一个想法是将图像放在文本显示的顶部，但我不知道 z 深度是否可以在电子邮件 HTML 中使用(？4)？

Answer 1

更新的演示:http://jsfiddle.net/SCfsD/1/

---

您可以指定类似 font-family 的样式, font-size等等..对于<img>标签，并且它们将应用于替代文本(如果曾经显示过)。您可以使用:

<img src="booya.png" alt="Hello World" style="font-family: Arial; font-size: 29px; font-weight: bold">

演示:http://jsfiddle.net/9r2us/

注意:由于您的用例涉及电子邮件，因此您应该内联样式。我想你已经知道了。