Html 将表格单元格中的背景图像转换为img标记，而不产生任何样式差异

我在时事通讯中有一张桌子，我有一个像这样的td

<td style="background:lightgrey;
background: url(https://dummyimage.com/700x600/666/fff.png)no-repeat center center;
background-size: cover;"
class="squares-image">
</td>

我想要的是：

<td style="background:lightgrey;" class="squares-image">
    <img src="https://dummyimage.com/700x600/666/fff.png">
</td>

---

结果完全一样。我应该怎么做？

使用

位置：绝对

结合

对象匹配

td{
填充：20px 40px；
位置：相对位置；
}
td-img{
位置：绝对位置；
排名：0；
宽度：100%；
左：0；
身高：100%；
对象匹配：覆盖；
}

---

使用

位置：绝对

结合

对象匹配

td{
填充：20px 40px；
位置：相对位置；
}
td-img{
位置：绝对位置；
排名：0；
宽度：100%；
左：0；
身高：100%；
对象匹配：覆盖；
}

在JSFIDLE中复制了它，假设您正在设置它们的宽度/高度等，它们的工作原理是相同的。？你没有发布太多的代码，所以我不能确切地说出你在问什么。出于好奇，你为什么要这样做？如果这是因为您需要在Windows上支持Microsoft Office Outlook（它对HTML电子邮件的支持非常糟糕，自从2007年Outlook将其从MSHTML切换到Word的HTML引擎以来，这种支持一直没有得到改善），那么您可能是SOL。当你现在打开HTML电子邮件时，Outlook有一个很大的“在web浏览器中打开”按钮是有原因的。我收到一份生成的HTML时事通讯，要转换成mailchimp可编辑的自定义模板，我想制作那些背景图像，

s以便能够轻松编辑它们。在JSFIDLE中复制它，并且假设您正在设置它们的宽度/高度等，它们的工作原理相同。？你没有发布太多的代码，所以我不能确切地说出你在问什么。出于好奇，你为什么要这样做？如果这是因为您需要在Windows上支持Microsoft Office Outlook（它对HTML电子邮件的支持非常糟糕，自从2007年Outlook将其从MSHTML切换到Word的HTML引擎以来，这种支持一直没有得到改善），那么您可能是SOL。当你现在打开HTML电子邮件时，Outlook有一个很大的“在web浏览器中打开”按钮是有原因的。我收到了一份生成的HTML新闻稿，要转换成一个mailchimp可编辑的自定义模板，我想制作那些背景图像，

s以便能够轻松编辑它们。