我有一个我上传到SendGrid的电子邮件模板。当我向自己发送测试邮件时,我看到要显示的三个图标图像中,只有一个是可见的,另外两个是隐藏的。原来Gmail正在添加"显示:无!重要;"和"隐藏=''"属于两个图标,由于某种原因遗漏了一个。
原始HTML
<img style="width: 20px; height: 20px;" alt="Twitter Icon" src="https://www.xxxxxx.com/Content/img/sprites/icon-twt.png">
<img style="width: 20px; height: 20px;" alt="LinkedIn Icon" src="https://www.xxxxxx.com/Content/img/sprites/icon-li.png">
<img style="width: 20px; height: 20px;" alt="Facebook Icon" src="https://www.xxxxxx.com/Content/img/sprites/icon-fb.png">
它在GMail中的表现
<img style="width: 20px; height: 20px; display: none !important;" alt="Twitter Icon" src="https://ci6.googleusercontent.com/proxy/bSHlzCXnCJmZlsQOg6dE8OoJBbBDNTSwAQOMNle64t-SLXdoi9ZkiEhbUWoIAk7uAjw5Y6_JKfd3rFkWGp0yy2wUMYzP0MVUudfRqY2YGfC_IN4yU2mos0AV=s0-d-e1-ft#https://www.xxxxxx.com/Content/img/sprites/icon-twt.png" class="CToWUd" hidden="">
<img style="width:20px;height:20px" alt="LinkedIn Icon" src="https://ci6.googleusercontent.com/proxy/XwPWKZwo3wA_-c1E0oieWC5NURlyWLo6sSh_kVUQLs6K1WwPiRDn_M9MP75oXhmTIr9qjY1e9aVvQvZ1yLjLM5Fg5uKHhvt30Q5wmtL35Rd3LPWVVo1_NUA=s0-d-e1-ft#https://www.xxxxxx.com/Content/img/sprites/icon-li.png" class="CToWUd">
<img style="width: 20px; height: 20px; display: none !important;" alt="Facebook Icon" src="https://ci6.googleusercontent.com/proxy/kigqJy8mVUL8MSVTPBPQD5yx_PAm0_u0QTc_tGlS-QLnmmdg1i62TDwDYHV_XLqoJO8mdkaFsJWRKhRAufvoeEJ3IJiu1RRqcb1Wj8RFH4tVDz-v9rkHaoQ=s0-d-e1-ft#https://www.xxxxxx.com/Content/img/sprites/icon-fb.png" class="CToWUd" hidden="">
为什么GMail隐藏了我的两个图标但却遗漏了一个? PS:我的GMail设置允许默认下载所有图像。