2

Chrome で斜めのストライプの背景をうまく表示するのに問題があります。

background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1) 1px, transparent 0px, transparent 4px);

http://jsfiddle.net/hornetnz/JxvNd/

Firefox と IE10 では問題なく表示されるようです。しかし、Chrome では数行ごとにパターン ギャップが発生します。

4

2 に答える 2

0

ここで回答されているように、これはクロムレンダリングのバグのようです:クロムの線形グラデーションのバグ

これらの代替手段のいくつかを試すことができます。

  1. 上記のリンクで説明されているように、ぼかしエッジ遷移を使用します
  2. svg を使用します (これが必要なパターンのようです: http://www.svgeneration.com/generate/Diagonal-Stripes )
  3. 通常の線形グラデーションを使用して、それを背景サイズと組み合わせてみてください（そのように背景を繰り返すことが可能かどうかはわかりません。後でペンを作成してみます）
于 2013-10-24T11:26:12.987 に答える