css - 如何制作这个 css 跨浏览器？

Question

我不知道，如何使这段代码跨浏览器：（它只适用于 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/。另外，不要使用渐变，它不兼容最新版本的浏览器，甚至不兼容所有浏览器。而是使渐变成为图像并重复它。