重复线性梯度在边缘浏览器和internet浏览器中不起作用

Question

我在做一个项目。我正在使用repeating-linear-gradient在我的网站上的风格。

我使用下面的样式(CSS)来表示样式：

background: repeating-linear-gradient(45deg,#74C374 12px 15px,#5CB85C 10px 20px) 0 0/100% 100% no-repeat;
background-size: 4% 100%;

使用上面的css，我将生成这样的样式：

​

​

以上样式是在Chrome浏览器中工作正常，但在Internet浏览器和边缘浏览中不工作。

Answer 1

应用这个并检查

background-size: 4% 100%;
        background-repeat: no-repeat;
        background-image: repeating-linear-gradient(45deg, #74C374, #74C374 5px, #5CB85C 5px, #5CB85C 10px);
        background-image: repeating-linear-gradient(45deg, #74C374 12px 15px, #5CB85C 10px 20px);