CSS-帶有線性漸變的IE9問題背景圖片（生成的SVG）無法正確重復

Question

我試圖在網上找到針對此特定問題的答案，但老實說，我真的不知道這是怎么回事。 我在這里創建了一個小提琴，用於顯示您想玩的情況。

這是可在Chrome，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的備用。 正如您在小提琴中看到的那樣，我已經生成了可與IE9一起使用的svg圖像。 目前div為113px x 14px，背景尺寸為4px

問題是，如果寬度> 113，則不再顯示條紋，而是僅顯示背景色。 相反，如果我在某個點設置了更高的高度，條紋將再次清晰顯示。

我該如何解決？ 有什么關系？ 任何幫助表示贊賞。

Answer 1

我固定這樣做

background-size: 4px 4px;

現在，我將在文檔中進行挖掘以查找原因。