Question

我遇到了以下代码的问题。当我复制整个页面并将其作为签名粘贴到outlook中时，divLogoBlock不可见。我想我做过css的错误。帮帮我

<html lang="en"><head>
<meta charset="utf-8">
<title>_-_</title>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100" rel="stylesheet" type="text/css">

<style>

    body                { font-family: 'Roboto', sans-serif;  color: #545555; margin: 0px; padding: 40px 0px 0px 3px; width:350px; position: absolute; }
    ul                  { float: left; margin: 33px -32px; }
    ul a                { margin-right: 6px; }
    ul a:last-child     { margin-right: 0;}
    .divLogoBlock       { height: 80px; width: 350px; background: #F3F3F3; }
    .logoBox            { padding:0px 0px; width: 350px; height: 4px; position: absolute; }
    .clear              { clear: both; }

</style>

</head>

<body>
    <h4 style="color:#545555; width:350px; margin: 0px">-----</h4>
    <h5 style="color:#545555; font-size:14px;font-weight:600; margin:20px 0 0 0; line-height:1; width:350px; margin-right:0px; ">Esesve Digumarthi</h5>
    <span style="font-size:14px;font-family: 'Roboto', sans-serif; font-weight:normal;">CEO</span>
    <p style="font-size:14px; margin-top:5px;color:#545555; width:350px">+91 9959 800 400  |  <a href="mailto:esesve@enhcorp.com" style="color:#252629; text-decoration:none; width:350px">esesve@enhcorp.com</a></p>

    <div class="divLogoBlock" style="overflow: auto;">
        <div class="logoBox" >
            <a style="float:left;" href="http://enhcorp.com/" target="_blank"><img style="margin:11px 0;" src="enh.jpg"></a>
            <ul>
                <a href="https://www.facebook.com/EnHcorp " target="_blank"><img src="facebook.png"></a>
                <a href="https://twitter.com/EnHcorp" target="_blank"><img src="twitter.png"></a>
                <a href="https://www.linkedin.com/company/enh-corp" target="_blank"><img src="linkedin.png"></a>
                <a href="https://plus.google.com/106470734549809877531/about" target="_blank"><img src="g_plus.png"></a>
                <a href="https://www.youtube.com/channel/UC0Pdj548Y4A1NzAlX7-9GGw" target="_blank"><img src="youtube.png"></a>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="logoBox"><img src="bottomBar.jpg" width="350" height="4" align="top"></div>







</body></html>

Answer 1

对于初学者，您需要为图像使用绝对网址。现在，你已经让他们相对联系了。

其次，我会内联你的CSS。您可以在技术上将样式标记保留在标题中，但要么两者都做，要么只使用inline-css。电子邮件标准过时，很多客户除了内联css外都会删除任何东西。

如果您不想手动内联css，MailChimp's inliner tool效果相当不错。

在下面的代码中面对divLogoBlock的问题

1 个答案: