2012-07-24 4 views
3

이메일에 내 배경 이미지가 표시되지 않는 문제가 있습니다. 아무도 왜 이런 일이 일어날 지 말해 줄 수 없습니다.표 배경 이미지가 이메일에 있음

<table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" background="http://www.bla.com/images/email-bg.jpg"> 

다음은 텍스트가 테이블 배경 이미지 위에 겹쳐지는 중첩 테이블의 전체 설정입니다.

<table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" background="images/email-bg.jpg"> 
    <tr> 
      <td valign="top" align="left"> 
       <table border="0" cellpadding="0" cellspacing="0"> 
        <tr> 
         <td align="left" valign="top" width="100%" style="font-family: Arial, sans-serif; font-size:12px; color:#585858; padding:35px 230px 0 40px"> 
          <p style="font-size:28px; color:#474747">Welcome to <b>bla bla</p> 
          <p style="font-weight:bold; margin-bottom: 4px;">Just click the link below to finish your registration:</p> 
          <a href="#">Continue</a> 
         </td> 
        </tr> 
        <tr> 
         <td align="left" valign="top" width="100%" style="font-family: Arial, sans-serif; font-size:10px; color:#FFF; padding:80px 120px 0 40px"> 
          <p style="margin-bottom:0">** Please do not reply to this automated message. The Email box that sent the message is not monitored.**</p> 
         </td> 
        </tr> 

       </table> 
      </td> 
     </tr> 
    </table> 

업데이트 된 코드가 나는 전망 대신에 스타일 속성

이 애플 메일 클라이언트에서 작동
<table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" style="background-image:url(http://www.bla.com/images/email-bg.jpg)"> 

을 사용하는하지만 이것을 사용하려면 코드를 변경했습니다. Outlook에 대한 답변을 아는 사람이 있습니까?

+0

절대 링크를 사용하여보십시오 – JSW189

답변

-1

전자 메일 클라이언트가 참조하는 도메인을 알지 못하기 때문에 기본 href가 설정되어 있지 않으면 이미지 경로에 전체 경로 (http://domain/path)가 있어야합니다.

+0

나는 절대 경로를 시도했다 그래서. – Chapsterj

4

대부분의 전자 메일 클라이언트는 배경 이미지를 표시하지 않습니다. 단색을 사용하십시오. 또는 일부 해결 방법.

+0

해결 방법은 무엇입니까? – Chapsterj

+0

정말 해결 방법이 아닙니다. 슬라이스 도구로 Photoshop 또는 Fireworks를 사용하여 이미지 레이아웃을자를 필요가 있습니다. –

+0

이미지는 하나의 이미지입니다. 문제는 이미지가 아닙니다. 또는 적어도 내가 생각한 것. Outlook 및 일부 다른 이메일 응용 프로그램이 백그라운드 이미지를 읽지 않는다는 사실을 알았습니다. – Chapsterj

0

다음을 시도해보십시오. 코드에 관련 정보를 기입하고 이미지를 배경으로 놓을 위치에 놓으십시오. 테이블과 테이블 셀에

3

배경 이미지는 2010 년

VML을 사용

<td align="center" bgcolor="#ffffff" style="border-bottom:1px solid #000; border-top:1px solid #000;" valign="middle" background="image_name.jpg"> 
<!-- EMAIL CONTENT STARTS HERE --> 
       <!--[if gte mso 9]> 
      <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" 

    style='behavior: url(#default#VML); display:inline-block; position:absolute; height:250px; width:600px; top:0; left:0; border:0; z-index:1;' src="image_name.jpg"/> 
       <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:250px; width:600px; top:-5; left:-10; border:0; z-index:2;'> 
      <![endif]--> 
    <table> 
    <tr><td>CONTENT HERE</td></tr> 

    </table> 

<!-- EMAIL CONTENT ENDS HERE --> 
       <!--[if gte mso 9]> 
      </v:shape> 
      <![endif]--> 

것은 확실 높이와 폭이 올바른지 확인 해킹 Outlook 2007 및 Outlook에서 렌더링 할 수 없습니다 그게 작동해야합니다

관련 문제