问题描述
我有一个节点服务器,我正在针对特定操作向用户生成一封电子邮件。我链接了一些图像以使 html 更易于展示,问题是我在电子邮件中收到了一些图像,而另一个是不来,然后当我在 gmail 中检查控制台时,例如我看到这个
您可以看到一些图像正在出现,而其他图像则没有。我检查了网址,它们很好,所以没问题。
html 代码中的 url 是我在服务器中链接公共文件夹的实时服务器 url 有没有人知道为什么会这样?
如果有人有任何建议,即使使用不同的方法 这是我用 pug 编写的 html 代码:
head
style(type='text/css').
@font-face {
font-family: "Averta Bold";
src: url(url + 'fonts/Averta-Bold.ttf') format("truetype");
}
@font-face {
font-family: "Averta Regular";
src: url(url + 'fonts/Averta-Regular.ttf') format("truetype");
}
.container {
background: #FDFDFD 0% 0% no-repeat padding-Box;
}
.header {
font-size: 18px;
font-family: "Averta Regular";
text-align: left;
background: #FDFDFD 0% 0% no-repeat padding-Box;
border-radius: 6px;
opacity: 1;
}
.top_bar {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 7px;
background: #F75237;
}
.img_animated {
width: 300px;
height: 300px;
display: block;
margin-left: auto;
margin-right: auto;
}
.img_pattern {
position: absolute;
left: 0;
top: 43px;
padding-left: 20px;
}
.img_logo {
display: block;
padding-top: 20px;
margin-left: auto;
margin-right: auto;
}
.welcome_text {
margin: 0 28px;
color: #181818;
}
.footer {
background: #F9F9F9 0% 0% no-repeat padding-Box;
font-family: "Averta Regular";
width: 100%;
}
.footer_container {
text-align: center;
font-size: 12px;
margin-top: 28px;
}
.image_row {
display: flex;
width: 50%;
margin: 0 auto;
justify-content: center;
}
.image_column {
height: 24px;
padding: 0 5px;
}
.social_media_image {
}
body
div.container
div.header
div.top_bar
img.img_logo(src= url + '/logo.png' alt='logo')
img.img_animated(src= url + '/welcomeGif.gif' alt='welcome')
img.img_pattern(src= url + '/pattern.svg' alt='pattern')
....
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)