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

时间:2017-04-13 21:15:54

标签: css safari linear-gradients

在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返回的内容: enter image description here

提前感谢任何提示!

0 个答案:

没有答案