hotmail邮件中背景图片不显示的解决办法
2012-05-23 16:51
337 查看
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通,如注册确认、营销推广。这些由站方发给会员的信件,往往纯文本格式已不能满足界面和交互的要 求,这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面,是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大 的不同。因为,各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问,JS代码是被严格过滤掉的,包括所有的事件监听 属性,如onclick、onmouseover,这是基于邮件安全性的考虑。不仅如此,CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的,能正常显示的HTML邮件
hotmail和gmail会自动过滤掉 head里的<style>设置的css,所以必须要把css写在html里面。
例如 <div style=”font-size:14px;”>
另外,hotmail和gmail不支持在css里定义background里的image,包括background:url(”…”)和background-image:url(“.."),但是网易和QQ邮箱竟然没被过滤掉。
解决办法是 在div的外面加上一层 <table>和<td>
并在<td>里加上background属性,例如
<table>
<tr>
<td background="http://www.baidu.com/mytup.jpg" style="background-repeat: no-repeat;">
<div>
这里写你的html邮件</div>
</td>
</tr>
</table>
本文取自http://blog.csdn.net/gudanyehai/article/details/6997359
PS:邮件在outlook2007中背景图片不显示
Word 2007 不支援以下這幾個網頁常用的 CSS 屬性:
#background-attachment
#background-image
#background-position
#background-repeat
#clear
#display
#float
#list-style-image
#list-style-position
另外,也不支援以下項目:
1. 不要使用 <DIV>標籤 , 因為定位一定會出錯
2. 不要使用<style></style>, 如果一定要使用,
請網頁設計時將一個點就要讓它變成兩個點
例如: .test{font-size:10pt } 要改成 ..test{font-size:10pt }
3. 如果要用背景圖 background語法 只有<body>標籤支援,其他如<table><TR><TD>
等其他標籤完全不支援background語法但支援bgcolor語法,所以如果要做背景圖或是某個
造型表格,請不要使用背景圖請直接切表格在配合使用 <img>以及<bgcolor>這兩個語法
(经测试bgcolor也许有问题,那我们可以在这样写<td style="background-color:red;">some content</td>)
4.不支援Flash及Plugins
5.不支援列表清單替代圖示
6.不支援 Float 跟 Position (css裡面用來定位或是調整 Layout的語法)
7.不支援動態GIF
這個連結是 Microsoft 列出來 Outlook2007對Html的支援列表。
另外還有一個 validator, 可以測試所做出來的 Email template 是否支援 Office 2007
hotmail和gmail会自动过滤掉 head里的<style>设置的css,所以必须要把css写在html里面。
例如 <div style=”font-size:14px;”>
另外,hotmail和gmail不支持在css里定义background里的image,包括background:url(”…”)和background-image:url(“.."),但是网易和QQ邮箱竟然没被过滤掉。
解决办法是 在div的外面加上一层 <table>和<td>
并在<td>里加上background属性,例如
<table>
<tr>
<td background="http://www.baidu.com/mytup.jpg" style="background-repeat: no-repeat;">
<div>
这里写你的html邮件</div>
</td>
</tr>
</table>
本文取自http://blog.csdn.net/gudanyehai/article/details/6997359
PS:邮件在outlook2007中背景图片不显示
Word 2007 不支援以下這幾個網頁常用的 CSS 屬性:
#background-attachment
#background-image
#background-position
#background-repeat
#clear
#display
#float
#list-style-image
#list-style-position
另外,也不支援以下項目:
1. 不要使用 <DIV>標籤 , 因為定位一定會出錯
2. 不要使用<style></style>, 如果一定要使用,
請網頁設計時將一個點就要讓它變成兩個點
例如: .test{font-size:10pt } 要改成 ..test{font-size:10pt }
3. 如果要用背景圖 background語法 只有<body>標籤支援,其他如<table><TR><TD>
等其他標籤完全不支援background語法但支援bgcolor語法,所以如果要做背景圖或是某個
造型表格,請不要使用背景圖請直接切表格在配合使用 <img>以及<bgcolor>這兩個語法
(经测试bgcolor也许有问题,那我们可以在这样写<td style="background-color:red;">some content</td>)
4.不支援Flash及Plugins
5.不支援列表清單替代圖示
6.不支援 Float 跟 Position (css裡面用來定位或是調整 Layout的語法)
7.不支援動態GIF
這個連結是 Microsoft 列出來 Outlook2007對Html的支援列表。
另外還有一個 validator, 可以測試所做出來的 Email template 是否支援 Office 2007
相关文章推荐
- hotmail和gmail 邮件中背景图片无效不显示的解决办法
- hotmail和gmail 邮件中背景图片无效不显示的解决办法
- gmail 邮件中css无效style无效background image背景图片无效不显示的解决办法
- outlook 2007中 邮件中无法显示图片的解决办法
- 给swf影片添加背景图片、IE显示正常,但chrome没有显示-解决办法
- div背景图片或颜色不显示的解决办法
- Dedecms搬家图片无法显示与上传图片无法显示解决办法
- PNG格式图片(验证码..)不能显示的解决办法
- WebView加载网页不显示图片解决办法
- Crystal Report XI 图片没有办法显示解决方法
- (IIS)网站本地放置,域名虚拟,权限设置,局域网访问网站图片无法显示之解决办法
- 【解决办法】打开网页后有的图片是“叉”,无法显示
- 遭遇input与button按钮背景图失效不显示的解决办法
- recyclerview嵌套Gridview的图片错位或显示不全解决办法实验
- HTML&CSS——css中设定的背景图片无法显示的解决方法
- 在JAVA WEB项目中,JSP中的图片无法显示,绝对路径和相对路径问题的解决办法。
- dedecms pc和手机站共享数据库,手机站不显示图片解决办法
- QT运行发布的exe时无法读取并显示图片的解决办法
- Android应用程序当中GridView显示不同大小图片时Item挤出问题解决办法
- VB使用Bitblt等函数,源图片不完全显示导致不能实现功能的解决办法