0

私はこの特定の問題についてウェブ上で答えを探すように試みましたが、正直なところで何が起こっているのか本当に分かりません。 私はあなたが周りを遊びたい場合は状況を示すバイダルhereを作成しました。ここでCSS - 線形グラデーション(svgが生成された)の背景画像が正しく再現されない

は、私はIE9のフォールバックを必要とするクロム、FirefoxとIE10で動作するコード+

HTMLコード

CSSコード

.low { 
    width: 113px; 
    height: 14px; 
    background-color: red; 
    background-image: linear-gradient(to right, white 50%, transparent 0); 
    background-size: 4px; 
    background-repeat: repeat; 
} 

です。あなたがフィドルで見ることができるように、私はすでにIE9で動作するイメージを生成しています。 divが113px x 14pxで、背景サイズが4px

幅が113より大きい場合、ストライプは表示されなくなりますが、代わりに背景色のみが表示されます。代わりに、あるポイントで高さを高く設定すると、ストライプが明瞭に表示されます。

どうすればこの問題を解決できますか?関連するものは何ですか? 助けていただければ幸いです。

答えて

0

私は今、私がなぜ見つけるために、ドキュメントに掘るつもりです。この

background-size: 4px 4px; 

をやって固定。

関連する問題