【发布时间】:2013-02-07 05:23:56
【问题描述】:
实际上我正在创建一个 HTML 电子邮件模板,一切正常,但 'border-radius' 没有 在 windows live 客户端中工作,虽然它也可以在浏览器和 gmail 中工作。
<div style='width: 700px; font-family: Arial, Helvetica, Geneva,
sans-serif; font-size: 12px;border: 1px Solid #094375;border-radius:
6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;'>
</div>
在上面的div中定义了border-radius css属性,但在windows live客户端中不起作用,如果有人有解决方案,请分享 (想给div圆角), 在此先感谢:)
【问题讨论】:
-
尝试使用
solid而不是Solid。 -
@xFortyFourx:还是不行
-
@VinaySinha 哦,对不起,我以为是边框不起作用,border-radius 不起作用可能是因为他们的 HTML 渲染引擎很旧,不支持边框半径。
-
@Boaz:通过链接,似乎只有图像是放置圆角的选项,适用于每个电子邮件客户端
-
@VinaySinha 电子邮件客户端与许多 CSS 属性是出了名的不兼容。所以图像是电子邮件模板中的常见解决方案。
标签: css html-email