常规HTML中是否可以使用颜色渐变?

时间:2012-06-21 16:59:35

标签: html5

我正在寻找一种在表格中的单元格内获取颜色渐变的方法。我在网上发现了几个涉及CSS或Javascript的示例,但试图远离那些。

例如,我发现了这个:

<table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

“Mircorosft”有点兼容性。这适用于电子邮件营销,所以它需要尽可能简单,因为电子邮件客户端在渲染HTML时受到限制。有什么建议吗?

4 个答案:

答案 0 :(得分:1)

电子邮件客户端在呈现HTML和CSS方面是最糟糕的,因此请尽可能简约。 CSS渐变在90%的客户端都不起作用,所以请避免使用它。

最佳解决方案可能是放置纯色背景(因此会在加载图像之前显示,如果已加载)并添加背景图像。

答案 1 :(得分:0)

查看CSS3渐变。网上有很多生成器试用,比如这个。 http://gradients.glrzad.com/

就浏览器兼容性而言,此表将向您展示:

http://caniuse.com/#feat=css-gradients

答案 2 :(得分:0)

我会把背景图片。这将确保电子邮件客户端将显示它。

答案 3 :(得分:0)

不,没有适用于电子邮件客户端的通用解决方案。您最好的选择是使用预生成的背景图像,但现在大多数客户端默认阻止图像