Started a new discussion: Applying a link to image on top of a background image in Windows Mail 10
Started a new discussion: Applying a link to an image over a background image in Windows Mail 10 and 11
Try using some mso conditional code for the image. You'll need to change the positioning (top:0px/left:0px) but this code should make the image show in Windows 10.
<!--[if mso 16]>
<v:image href="#" src="my-overlay-image.png" style="position:absolute;top:0px;left:0px;width:151px;height:27px;">
< /v:image >
<![endif]-->
<!--[if !mso 16]><!-- -->
<a href="#" target="_blank">
<img alt="logo" class="logowidth" src="my-overlay-image.png" width="151" border="0" height="27" />
</a>
<!--<![endif]-->
Note: Content under the image will need wrapped in a MSO conditional table to push down below graphic.
<!--[if (gt mso 15)|(IE)]><table align="center" cellpadding="0" cellspacing="0" border="0" style="width:640px;"><tr><td align="center" style="padding-top:112px;"><![endif]-->
Your content here...
<!--[if (gt mso 15)|(IE)]></td></tr></table><![endif]-->
You may also need to add z-index to the textbox and rect VML code like so...
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 640px; height: 112px;" src="mybackground-image.png" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 640px; height: 112px; z-index:1;">
<v:fill class="darkmode" opacity="0%" color="#F5F5F5" />
<v:textbox inset="0,0,0,0;z-index:2;">
The strong tags are used to apply the different classes. You could say <strong style="font-weight:normal;color:#ffffff;" class="keep-white"> if you don't want the text bold.
Another way to go about it is to put the class in the p tag but then you would have to create 2 p tags, <!--[if mso 16]> and another for <!--[if !mso 16]>
Started a new discussion: Keep text white on a black background Outlook Office 365 and Windows Mail 10 & 11 Dark Mode
Started a new discussion: Is there a way to target Window 10 and 11 mail without affecting Outlook browsers?
I found the following code will keep keep text white in most browsers except Windows mail 10 & 11.
<!--[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>
<p style="padding-top:10px;padding-bottom:0px;margin:0px;font-family:'Open Sans',Helvetica, Arial,sans-serif;font-size:24px;line-height:34px;color:#ffffff;text-align:center;">
<!--[if mso 16]><strong style="color:#ffffff;" class="keep-white"><![endif]-->
<!--[if !mso 16]><!-- --><strong style="color:#ffffff;" class="gmail-screen"><span class="gmail-difference"><!--<![endif]-->
Combo text hack. <br>Works everywhere except Windows 10 & 11 mail.
<!--[if mso 16]></strong><![endif]-->
<!--[if !mso 16]><!-- --></span></strong><!--<![endif]-->
</p>