Currently I am working on a header with a background image and a text overlay. This works perfectly fine, but I am not able to set a default background-color in case the images are not downloaded (Outlook). The font-color is #ffffff (white) and the current background-color is also white, while I have set a different bgcolor and background-color on the <td> Does anyone know how I can change the background-color?


<div style="background-color:#17b4e9!important;">
<tr>
<td background="http://images.go.comscore.com/EloquaImages/clients/comScoreInc/%7Bcd355922-35ed-4ec7-8a2e-5c97a67257d8%7D_HDR_multi_productcarddownload_ENGUS_600x200_JAN2017.jpg" bgcolor="#17b4e9" width="600" height="200" valign="top" style="background:url(http://images.go.comscore.com/EloquaImages/clients/comScoreInc/%7Bcd355922-35ed-4ec7-8a2e-5c97a67257d8%7D_HDR_multi_productcarddownload_ENGUS_600x200_JAN2017.jpg) no-repeat center;text-align: center; background-position: center center; background-size:cover; width:600px; background-color:#17b4e9;"><!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:200px;background-color:#17b4e9;">
        <v:fill type="frame" src="http://images.go.comscore.com/EloquaImages/clients/comScoreInc/%7Bcd355922-35ed-4ec7-8a2e-5c97a67257d8%7D_HDR_multi_productcarddownload_ENGUS_600x200_JAN2017.jpg" color="#ffffff" style="background-color:#17b4e9;" />
        <v:textbox inset="0,0,0,0">
      <![endif]-->

  <div>
    <p style="font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-align: center; margin-top:82px; font-size: 32px; padding: 0px 04px;text-decoration:none;"><span class="headline" style="line-height: 42px; padding: 4px;color:#ffffff;text-decoration:none;"><span style="color:#ffffff!important">Here is where the content should be inserted</span></span></p>
  </div>

  <!--[if gte mso 9]>
        </v:textbox>
      </v:rect>
      <![endif]--></td>
</tr></div>