-moz-linear-gradient不适用于IE

Question

我使用渐变作为背景:

-moz-linear-gradient(center bottom , #E8E8E8 0%, #F2F2F1 50%) repeat scroll 0 0 #F5F5F4;

这没有在IE中显示,如果浏览器是IE,我还没有找到关于我需要做什么的链接或任何内容.

关于如何处理这个问题的任何想法？

Answer 1

您可能有兴趣阅读此内容:前缀或posthack.

由于注释状态-moz-是Mozilla的供应商特定前缀.

如果您对跨浏览器渐变感兴趣,我发现最简单的方法是使用渐变生成器对所有不同的实现和前缀进行排序.

Answer 2

这是所有浏览器的渐变代码

   /* IE10 */ 
background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

您可以使用此站点生成渐变最终css生成器

它在IE9中不受支持,因此您可以制作渐变的一小部分并重复它