2017-03-20 7 views
0

enter image description here참고 : 이메일 템플릿은 브라우저에서 잘 작동합니다. Outlook 창에서 이메일 템플릿을 첨부하면 img src 속성 이미지가 표시되지만 아래 코드는 작동하지 않습니다.이메일 템플릿의 Html 테이블 태그에서 배경 속성이 작동하지 않습니다.

오늘 나는 html과 css의 전자 메일 서식 파일에 문제가있어 Outlook에서 우편물 서식 파일을 보내지 만 backgroud : url ("https://image.flaticon.com/teams/new/1-freepik.jpg")을 표 안에 넣습니다.

이것은 아래 코드 조각에 문제가 있습니다.

이미지를 테이블 태그에 삽입하려고했지만 스틸 이미지가 표시되지 않습니다.

방법 1 :

<table background="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background-size:cover;" height="380">  

방법 2 :

<table class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;" height="380"> 

방법 3 :

<table class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background-image:https://image.flaticon.com/teams/new/1-freepik.jpg; background-size:cover;" height="380">  

아무것도 가 IMG SRC = "태그"를 기대 작동하지 않습니다

답변

2

이메일 템플릿이 까다로울 수 있습니다. 그래서처럼 TD 태그가 아닌 테이블에 배경 이미지를 추가 할 조언 것이다 다음 TD 내부

<table class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="380"> 
    <tr> 
    <td style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;"></td> 
    </tr> 
</table> 

이 템플릿의 내용의 나머지 부분과 다른 테이블을 추가합니다. 어떤 이유로,이 당신을 위해 작동하지 않는 경우

<table class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="380"> 
    <tr> 
    <td style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;"> 
     <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
      <td>Email content in here </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

, 나는 backgrounds.cm를 방문하여 자신의 절 참조하도록 조언 :

<td background="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" bgcolor="#7bceeb" width="225" height="225" valign="top"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:225px;height:225px;"> 
    <v:fill type="tile" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" color="#7bceeb" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 
    <div> 
    </div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</td> 
: 이런 식으로 뭔가를 보이는 테이블에 배경 이미지에 대한 코드를 입력
+0

예제에서 background-image 태그는 table 아래의 Outlook에서 가져 오지 않으며 td –

+0

backgrounds.cm 웹 사이트를 방문하면 도움이 될 것입니다. Campaign Monitor에서 지원하는 웹 사이트입니다. –

+0

당신의 소중한 답장을 보내 주셔서 감사합니다. 나는 이것들을 시험해보고 다른 메일 공급자에게 시도해 보겠습니다. –