CSS-IE9问题与线性渐变（svg生成）的背景图像不能正确重复

Question

我试图寻找在这个特定问题的网络上的答案，但老实说，并不真正知道这里发生了什么。 我已经创建了一个小提琴here，如果您想玩耍，可以显示情况。

下面是在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; 

现在我的文档挖找原因。