在Safari中重复线性渐变中断？

Question

在Safari中遇到重复线性渐变的奇怪问题。在Chrome中运行良好，但由于某种原因，Safari吐出了混乱的混乱。对于它做错的事情，似乎没有重复的模式。

CSS ：

div{
    background-image: 
        repeating-linear-gradient( 
            to bottom, 
            #f1f1f2, #f1f1f2 1px, 
            #ffffff 1px, #ffffff 30px, 
            #f1f1f2 30px, #f1f1f2 31px, 
            #ffffff 31px, #ffffff 59px, 
            #f1f1f2 59px, #f1f1f2 61px, 
            #ffffff 61px
        );
}

所有其他设置均为默认设置。

这是Safari返回的内容：

提前感谢任何提示！