2013-04-11 4 views
0

Gmail이나 Yahoo Mail과 같은 대부분의 전자 메일 클라이언트에 배경이 표시되지 않지만 배경으로 반복하여 위치를 잃어 버렸지 만 this thread으로 교체하여 문제가 해결되었습니다.) <table style="background: url('bg.png');"> ~ <table background="bg.png">.Hotmail에 html 또는 CSS 배경이 표시되지 않음

그러나 이제는 동일한 문제가 발생합니다. Hotmail 및 위의 코드 형식 중 아무 것도 작동하지 않는 것 같습니다.

This page는 stackoverflow에서 가장 비슷한 질문에 대한 답변이며 Outlook.com (새 핫메일)은 CSS 배경을 지원하지 않으며 대신 background 속성을 사용해야한다고 나와 있지만 내 기능이 작동하지 않습니다.

내가 잘못하고있는 것?!

답변

2

Outlook에서는 body 태그의 배경 만 지원합니다. 이메일 배경에 대해 갈

두 가지 방법 :

통해 VML : 나는 당신의 멋진 솔루션 늘 내가 원하는 것을 확신

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title></title> 
</head> 
<body style="margin: 0px; padding: 0px; background-image: url('http://lorempixel.com/100/100/food/'); background-color: #252525; background-repeat: repeat-y no-repeat; background-position: top left;" bgcolor="#252525"> 
<!-- BODY FAKE PANEL --> 
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://lorempixel.com/100/100/food/"> 
    <tr> 
    <td valign="top"> 
<!-- CENTER FLOAT --> 
     <table width="600" height="800" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> 
     <tr> 
      <td align="center"> 
Center panel 
      </td> 
     </tr> 
     </table> 
<!-- /CENTER FLOAT --> 
    </td> 
    </tr> 
</table> 
<!-- /BODY FAKE PANEL --> 
</body> 
</html> 
+0

: 여기 emailbg.net

또는 덜 멋진 방법입니다 , 왜냐하면 내가 다른 요소 (테이블, TD 등)에 대한 너무 많은 배경을 사용하고 있지만 VML 방식으로 살펴 보겠습니다, 나는 그것이 희망 작품 ... –

+1

내 (덜) 멋진 방법은 전체 작품 이메일 본문. VML 기술이 발견 될 때까지 Outlook의 요소에 배경 이미지를 추가 할 수있는 방법이 없었습니다. – John

관련 문제