webkit浏览器中渐变的背景图像CSS

我有Mozilla的CSS

background-image: -moz-linear-gradient(center top, 
                                       hsl(0, 0%, 20%), hsl(0, 0%, 13%));

---

我需要这个CSS来与WebKit浏览器和IE一起工作。

对于Internet Explorer，它应该是背景图像：-ms线性渐变

background-image: -ms-linear-gradient 当然是微软的

至于狩猎：

-webkit-linear-gradient

---

-webkit linear gradient下面是如何添加gradient交叉浏览器：

background: -o-linear-gradient();
background: -webkit-gradient(); /* Older webkit syntax */
background: -webkit-linear-gradient();
background: -ms-linear-gradient();

webkit上的示例：

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(), to());

我使用这个

例如：

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #BF50D8),
    color-stop(1, #70CDFF)
);
background-image: -o-linear-gradient(bottom, #BF50D8 0%, #70CDFF 100%); //Opera
background-image: -moz-linear-gradient(bottom, #BF50D8 0%, #70CDFF 100%); //Firefox
background-image: -webkit-linear-gradient(bottom, #BF50D8 0%, #70CDFF 100%); //Safari & Chrome
background-image: -ms-linear-gradient(bottom, #BF50D8 0%, #70CDFF 100%); //IE
background-image: linear-gradient(to bottom, #BF50D8 0%, #70CDFF 100%);

---

对于Safari，

-webkit-linear-gradient

对于Opera11.1到12.0，

-moz-linear-gradient

对于Firefox 3.6到15，

linear gradient

Standard syntax@Mr.Alien非常感谢您，请将您的建议添加到answer@SiddiqBaig你可以接受杰米的回答：）我同意，你欢迎……这是误导。虽然IE确实识别

-ms-

前缀。因此，IE的任何版本都不需要

-ms-

前缀。目前，所有当前版本的桌面浏览器都支持渐变（另一个问题是2012年春季最新的Safari for Windows是5.1）。虽然这是一个很好的起点，但它有点过时，并且会生成不必要的代码。正如我在另一篇评论中提到的。因此，IE的任何版本都不需要

-ms-

前缀。此外，该方向是默认方向，因此可以省略，就像写入

0%

和

100%

一样。