css - このcssクロスブラウザを作成するにはどうすればよいですか？

Question

このコードをクロスブラウザにする方法がわかりません:(サファリとクロームでのみ機能します）

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/。また、グラデーションは使用しないでください。最新バージョンのブラウザ以外とは互換性がなく、すべてのブラウザと互換性があるわけでもありません。代わりに、グラデーションを画像にして繰り返します。