outlook2007邮件不能正常显示含有css样式的html格式邮件
请问大侠前辈，小弟想做一个html格式的邮件，其中涉及到了css样式的二级下拉菜单，在浏览器中显示是正常的但是放在outlook邮件中就会有问题。以下是html页面和邮件...
请问大侠前辈，小弟想做一个html格式的邮件，其中涉及到了css样式的二级下拉菜单，在浏览器中显示是正常的但是放在outlook邮件中就会有问题。以下是html页面和邮件显示不正确的截图，望大侠前辈解答。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>纯css二级下拉（弹出）菜单</title><style type="text/css">*{ margin:0; padding:0;}.menu { display:block; font-family: arial, sans-serif; width:940px; position:relative; height:auto; background: #06F;}.menu ul { padding:0; margin:0; list-style-type: none;}.menu ul li { float:left; width:102px; background: #03F;}.menu ul li.end { height:35px; float:right; width:10px; background: #03F;}.menu ul li a,.menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:104px; height:35px; color:#fff; line-height:34px; font-size:14px;background: #03F;}.menu ul li.first a,.menu ul li.first a:visited {display:block; text-align:center; text-decoration:none; width:110px; height:35px; color:#fff; line-height:34px; font-size:14px;background: #03F;}.menu ul li ul {display: none;}.menu ul li:hover a {color:#000; background: #03F; }.menu ul li:hover.first a {color:#000; background: #03F; }.menu ul li:hover ul {display:block; position:absolute;left:0;top:35px; width:805px;}.menu ul li:hover ul li a { float:left;display:block; background:#faeec7; color:#000;}.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}</style></head><body><div class="menu"><ul><li class="first"><a href="http://www.veryhuo.com">首页</a></li><li><a class="hide" href="http://www.liehuo.net">关于我们</a><ul><li><a href="#">菜单内容111</a></li><li><a href="#">菜单内容111</a></li><li><a href="#">菜单内容111</a></li><li><a href="#">菜单内容111</a></li><li><a href="#">菜单内容111</a></li></ul></li><li><a class="hide" href="#">产品展示</a><ul class="right_side"><li><a href="#">菜单内容222</a></li><li><a href="#">菜单内容222</a></li><li><a href="#">菜单内容222</a></li></ul></li><li><a class="hide" href="#">联系你们</a><ul><li><a href="#">菜单内容333</a></li><li><a href="#">菜单内容333</a></li><li><a href="#">菜单内容333</a></li><li><a href="#">菜单内容333</a></li><li><a href="#">菜单内容333</a></li></ul></li></ul></div></body></html>
展开
展开全部
很不幸告诉你，你这是在做梦
首先这不是你的样式问题，而是outlook2007的页面渲染模式类似于WORD，即文本渲染；这方面的你去搜索就能搜到一堆这方面的吐槽。
再者，就算不考虑outlook，或者是其它邮件客户端，哪怕只是在网页上看邮件，你的邮件也不要用DIV去做，要用TABLE；而且也不能用外部调用样式，不能用内部页面样式，只能用行内样式；使用图片只能插入使用，不能当背景属性使用；浮动属性，ul、li、dl、dd诸如此类标签一概不能用；用了就会有很多问题。
你要不信你随便打开一些广告邮件都符合我说的这些。。
首先这不是你的样式问题，而是outlook2007的页面渲染模式类似于WORD，即文本渲染；这方面的你去搜索就能搜到一堆这方面的吐槽。
再者，就算不考虑outlook，或者是其它邮件客户端，哪怕只是在网页上看邮件，你的邮件也不要用DIV去做，要用TABLE；而且也不能用外部调用样式，不能用内部页面样式，只能用行内样式；使用图片只能插入使用，不能当背景属性使用；浮动属性，ul、li、dl、dd诸如此类标签一概不能用；用了就会有很多问题。
你要不信你随便打开一些广告邮件都符合我说的这些。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
