如何使这个CSS交叉浏览器？

Question

我不知道，如何使这段代码成为crossbrowser： （它仅适用于safari和chrome）

http://jsfiddle.net/MWYnP/

body {
    padding: 10px 9px;
    background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
    -webkit-background-size: 7px 1px;   
}​

Answer 1

试试这个：

body {
padding: 10px 9px;
background: -moz-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -ms-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -o-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.71, #C5CCD4), color-stop(0.71, #CBD2D8), to(#CBD2D8));
background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background-size: 7px 1px;
-moz-background-size: 7px 1px;
-o-background-size: 7px 1px;
-webkit-background-size: 7px 1px;
}

Answer 2

您可以使用类似的方法生成渐变：http://www.colorzilla.com/gradient-editor/。此外，不要使用渐变，它与最新版本的浏览器不兼容，甚至不是所有浏览器都不兼容。而是使渐变成为图像并重复它。