뉴스 레터를 사용하는 Outlook 용 단추

전자 메일 마케팅을 개발 중이며 뉴스 레터를 사용 중입니다.뉴스 레터를 사용하는 Outlook 용 단추

내가 개발에서 직면 한 문제 중 하나는 Gmail의 버튼 스타일이 작동하지만 Outlook에서는 작동하지 않는다는 것입니다. 내 버튼의 스타일 : 내가 Outlook에서 버튼 스타일을 할 수있는 방법

이

<a href="http://www.piccolohotelastoria.com/ponte_2_giugno_dal_1_6_al_5_6.php" 
 
style="text-decoration:none; 
 
background-color:rgb(243, 243, 243); 
 
background-color:-webkit-linear-gradient(rgb(243, 243, 243), rgb(1, 1, 223)); 
 
background:linear-gradient(rgb(243, 243, 243), rgb(1, 1, 223)); 
 
border-radius:25px; 
 
box-shadow:1px 1px rgb(1, 1, 188); 
 
padding:10px 20px; 
 
color:rgb(255, 255, 255); 
 
font-weight:bold; 
 
font-size:17px;"> 
 
VEDI OFFERTA 
 
</a>

사람이 말해 줄래?

출처

2017-05-16 RR09

"작동하지 않음"이란 정확히 무엇을 의미하는지 지정하십시오. – Vivit

내 이미지를 잊어 버렸습니다 – RR09

이미지를 질문으로 가져오고 읽기 쉬운 HTML 형식 – lukkea

웹에 비해 불행히도 전자 메일 클라이언트에서 제대로 보이는 버튼을 얻으려면 훨씬 많은 코드가 필요합니다. 특히 Outlook<!--[if mso]> 태그 내에서

<div> 
    <!--[if mso]> 
     <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#1e3650" fill="t"> 
     <v:fill type="tile" src="https://i.imgur.com/0xPEf.gif" color="#556270" /> 
     <w:anchorlock/> 
     <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">VDDI OFFERTA</center> 
     </v:roundrect> 
    <![endif]--> 
    <a href="http://www.piccolohotelastoria.com/ponte_2_giugno_dal_1_6_al_5_6.php" 
style="background-color:#556270;background-image:url(https://i.imgur.com/0xPEf.gif);border:1px solid #1e3650;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">VDDI OFFERTA</a> 
</div>

모든 것이 Windows 바탕 화면 2007 이상입니다 : 여기

은 매우 일관되게 표시되어야합니다 몇 가지 예제 코드입니다. Outlook에 나타나는 효과를 위해 이미지를 만들어야합니다 (CSS -linear-gradient은 지원되지 않습니다).

출처

2017-05-18 11:48:07

뉴스 레터를 사용하는 Outlook 용 단추

답변

관련 문제