1

CSS3グラデーションを使用して斜めに縞模様の背景パターンを作成しようとしていますが、機能しないようです。これは私が使用しているコードです：

body {
background-color: gray;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px,    rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}

背景が灰色で塗りつぶされているだけです。要素を調べると、background-imageが無効なプロパティ値であることが示されています。私はMacでコーディングしており、Firefox13.0.1とChromev20でテストしました。

誰かが問題が何であるか知っていますか？

4

2 に答える 2

5

お使いのブラウザは、接頭辞なしのプロパティをサポートしていない可能性があります。ベンダープレフィックスを使用してみてください。

html, body { 
    min-height: 100% 
}
body {
    background-color: gray;
    background-image: -webkit-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    background-image: -moz-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    background-image: -ms-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    background-image: -o-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    background-image: repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}​

フィドル： http： //jsfiddle.net/fefhz/7/

于 2012-07-02T23:36:20.900 に答える
-1

CSS3に含まれている必要がある理由はありますか？小さな画像を使って繰り返してみませんか？ジェネレーターを使用するだけで多くの頭痛の種を救うことができますか：http：//www.stripegenerator.com/

于 2012-07-02T23:30:31.793 に答える