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

Question

I am making a project. I am using repeating-linear-gradient on my website for style.

I am use below style(CSS) for the style:

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

Using above css I am generation this style:

Above style is working fine in Chrome browser but not in Internet Explorer browser and Edge browse

Answer 1

Apply this and check

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