cari

Rumah  >  Soal Jawab  >  teks badan

Adakah terdapat cara untuk menyasarkan Windows Mail 10 dan 11 tanpa menjejaskan desktop Outlook?

Saya mempunyai penggodaman kod yang mengekalkan teks putih pada latar belakang hitam dalam kebanyakan klien mod gelap kecuali Windows Mail 10 dan 11.

<!--[jika mso 16]> Pernyataan bersyarat berfungsi dalam desktop Outlook (OL 365, OL 2021) tetapi tidak dipaparkan dengan betul dalam Windows Mail 10 dan 11. Windows Mail menyukai css yang digunakan dalam --[jika !mso 16]> Adakah terdapat kod syarat mso khusus untuk Windows Mail 10 dan 11?

Adakah terdapat cara lain untuk menggunakan gaya untuk memisahkan Outlook (OL Office 365 Dark, Outlook 2021 Dark) dan Windows Mail?

<!--[if gte mso 16]>
  
    <style>
  
    .keep-white {
mso-style-textfill-type:gradient;
mso-style-textfill-fill-gradientfill-stoplist:"0 #FFFFFF 0 100000\,100000 #FFFFFF 0 100000";
color:#000000 !important;
}   

    </style>  
    
<![endif]-->
<style>
  
u + .body .gmail-screen { background:#000; mix-blend-mode:screen; }
u + .body .gmail-difference { background:#000; mix-blend-mode:difference; }
</style>
<!--[if (gte mso 9)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="width:640px;background-color:#000000;" role="presentation">
<tr>
<td align="center">
<![endif]-->

    <table role="presentation" style="width:100%;max-width:640px;Margin:0 auto;" cellspacing="0" cellpadding="0" bgcolor="#000000" align="center">
      <tr>
       <td class="body" style="background: linear-gradient(to bottom, #000000 0%, #000000 100%);max-width:640px;" width="100%" valign="top" align="center">
                 <!--[if gte mso 9]>
                 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;" fillcolor="#000000">
                 <v:fill type="gradient" color2="#000000"/>
                 <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                 <center>
                 <![endif]-->
        <table role="presentation" style="width:100%;max-width:640px;Margin:0 auto;" cellspacing="0" cellpadding="0" align="center">
             <tr>
              <td style="padding:40px 10px 40px;" align="center">
         <p style="padding:0;margin:0;font-family:'Open Sans',Helvetica, Arial,sans-serif;font-size:24px;line-height:34px;color:#ffffff;text-align:center;" class="txt16">
  <!--[if mso 16]><strong style="color:#ffffff;" class="keep-white"><![endif]-->      
  <!--[if !mso 16]><!-- --><strong style="font-weight:400;color:#ffffff;" class="gmail-screen"><span class="gmail-difference"><!--<![endif]--> 

Combo text hack. Works everywhere except Windows 10 &amp; 11 mail.

<!--[if mso 16]></strong><![endif]-->
<!--[if !mso 16]><!-- --></span></strong><!--<![endif]-->
        </p>
            </td>
           </tr>
       </table>
                 <!--[if gte mso 9]>
                 </center>
                 </v:textbox>
                 </v:rect>
                 <![endif]-->
        </td>
    </tr>
</table>
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->

Saya menggunakan <!--[jika mso 16]> pernyataan bersyarat untuk Outlook dan Windows Mail 10 dan 11, tetapi mendapati bahawa mod gelap Windows Mail mengendalikan css secara berbeza daripada mod gelap Outlook.

P粉722409996P粉722409996304 hari yang lalu563

membalas semua(1)saya akan balas

  • P粉208286791

    P粉2082867912024-03-28 11:21:50

    Mod Gelap Outlook

    Teg Meta Mod Gelap

    
    
    
    

    Android/Outlook.com untuk Mod Gelap

    
      

    Maklumat lanjut tentang Mod Gelap boleh didapati di sini:

    https:// www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/

    Anda boleh menggunakan salah satu daripada dua kaedah untuk mencari Windows Mail:

    /* Windows Mail (Phone & Surface) */
    _:-ms-input-placeholder, :root .your-class-name {
      /* Replace this comment with your styles */
    }

    atau

    /* Windows Mail (Phone & Surface) */
    _:-ms-fullscreen, :root .your-class-name {
      /* Replace this comment with your styles */
    }

    Kedua-dua artikel telah diserahkan kepada https://howtotarget.email/ oleh Mark Robbins.

    balas
    0
  • Batalbalas