页脚背景颜色与正文颜色不一致

Question

我是设计电子邮件html模板的新手。我的模板背景色是棕褐色。当我在浏览器中预览它时，页脚、页眉和正文的背景颜色是我想要的#ffffff。当我将代码放入mailchimp时，页脚变得几乎透明，我只能看到棕色背景，而不是白色。这是怎么回事?我该如何修复它?

<td>
    <!-- Start Social Box -->
    <hr>
    <table class="mobileTable" id="socialBox" style="background-color: white;margin-top: 20px;margin: auto;">
        <tbody>
            <tr>
                <td colspan="4">
                    <h3 style="text-align:center">Spread the Word!</h3>
                </td>
            </tr>
            <tr>
                <td>
                    <a title="Share this event by email!" href="*|FORWARD|*" target="_blank"><img src="http://gallery.mailchimp.com/2438f5b8906cc79e7c55f3c68/images/email_template.png" alt="Share this event by email!"></a>
                </td>
                <td>
                    <a title="Share this event on Twitter!" href="http://twitter.com/home?status=*|URL:ARCHIVE|*%20via%20%40ascensionpress" target="_blank"><img src="http://gallery.mailchimp.com/2438f5b8906cc79e7c55f3c68/images/twitter.png" alt="Share this event on Twitter!"></a>
                </td>
                <td>
                    <a title="Pin it on Pinterest!" href="http://pinterest.com/pin/create/button/?url=*|URL:ARCHIVE|*%20via%20%40ascensionpress" target="_blank"><img src="http://gallery.mailchimp.com/2438f5b8906cc79e7c55f3c68/images/pinterest.png" alt="Pin it on Pinterest!"></a>
                </td>
                <td>
                    <a href="https://www.facebook.com/sharer.php?u=*|URL:ARCHIVE|*" target="_blank" title="Share this event on Facebook!"><img src="http://gallery.mailchimp.com/2438f5b8906cc79e7c55f3c68/images/facebook.png" alt="Share this event on Facebook!"></a>
                </td>
            </tr>
        </tbody>
    </table>
    <!-- End Social Box -->
</td>

Answer 1

尝试background-color: transparent;这将使背景透明，然后无论何时你将改变你的bgcolor表的bgcolor也将得到改变!