Question

我一直在设计一个时事通讯，虽然边界半径在我的localhost上工作（显示所有轮次边缘） - 但是在通过示例电子邮件测试时它不起作用。我通过电子邮件使用雅虎邮件和Firefox发送电子邮件，它出现了尖锐的边缘。它在outlook 2007中也不起作用。

任何人都知道如何解决这个问题？我将感激你的帮助。

Answer 1

它在Outlook 2007中永远不会起作用，因为它使用word作为渲染器，它不支持大多数css。

对于firefox，您需要添加-moz-前缀，请确保您已完成此操作。

如果没有，请发布你的css和firefox版本。

Answer 2

我认为Outlook 2007不支持border-radius属性，因此如果它不显示圆角可能是正常的。如果您正在寻找解决方法，我建议您查看以下问题：How can I make rounded corners on non-CSS3 browsers?

对于现代浏览器中的CSS，目前您需要为某些属性添加前缀，例如：

.withRoundedCorners {
    border-radius: 5px;        // Standard
    moz-border-radius: 5px;    // Firefox
    khtml-border-radius: 5px;  // 
    o-border-radius: 5px;      // Opera
    webkit-border-radius: 5px; // Safari
    ms-border-radius: 5px;     // Internet Explorer 9+
}

我知道这很无聊......但这是暂时的，将来只需要border-radius。

Answer 3

电子邮件广告系列工具中的简报（Outlook，gmail，hotmail）支持的CSS较少。此外，web浏览器不支持border-radius，不支持电子邮件客户端。

最好用于背景图像，纯图像，渐变，圆角和3D相关内容，而不是使用CSS样式。

请参阅此参考：Campaign Monitor

此参考显示不同电子邮件客户端支持的CSS属性。

参见其他参考文献：Email newsletter not rendering correctly

Border-Radius在电子邮件和浏览器中不起作用

3 个答案: