重复线性渐变在Edge浏览器和Internet Explorer浏览器中不起作用

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 Explorer浏览器和Edge浏览器中运行正常

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);