html - 重复线性渐变在 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 浏览器中运行良好

标签： htmlcss

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