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也会改变！

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

1 个答案: