HTML电子邮件中的内联边框样式

前端之家收集整理的这篇文章主要介绍了HTML电子邮件中的内联边框样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在处理一个响应式HTML电子邮件,我只在IE浏览器中遇到渲染问题(只是必须!)它在其他27个客户端变体中工作正常.我们需要支持

我在这里设置了一个小提琴:http://jsfiddle.net/39gzj/

现在,如果您查看代码,您将看到有一个灰色边框,然后包含另一个白色边框.出于某些奇怪的原因,在Explorer中的Gmail,根本不会显示此边框,保存在底部注册底部的边框.我认为这与我编写边框的方式有关(我正在删除别人的代码,我只对其进行了一些细微的更改),因为边框已按如下方式完成:

border-left-style:solid;border-left-width:1px;border-left-color:#fff;

所以我改变了灰色和白色边框的声明方式如下:

border-left-style: 1px solid #fff;

但这没有任何区别.这让我疯了,所以请尽可能帮忙.我觉得这可能与宽度有关?但是玩过这个,它刚刚打破了所有其他客户的问题.任何帮助将非常感激,因为我可能很快就会把我的头撞到我的电脑屏幕上.

感谢此代码包含疯狂的内联样式,但这当然是HTML电子邮件的本质.

更新:删除< td>上的白色内边框元素呈现灰色边框.这与我设置宽度不正确有关吗?

更新2:这是IE9,它被正确渲染.仅适用于Gmail.

最佳答案
你的问题是边框在桌子上.您往往会发现电子邮件客户端不喜欢这样.我绕过它的方式是将表放在表中有点像这样:

这是代码jsfiddle
我创造了两种不同的方法来获得类似的效果.您可以选择最适合自己的那个.

我也看到你使用了一些电子邮件客户不喜欢的max-width,这可能是你的问题.这里是css类的campaignmonitor指南以及你应该和不应该使用的内容http://www.campaignmonitor.com/css/ 原文链接:https://www.f2er.com/html/425948.html

猜你在找的HTML相关文章