css3 radial-gradienth和linear-gradient的几个问题

Question

先放上代码，例子如下
demo

电脑上正常显示效果如下

图1
手机上显示效果为

如果把这段代码

background:radial-gradient(transparent 0, transparent 4px, #fdf5df 4px) repeat-y  right -6px top/12px 12px, linear-gradient(90deg, transparent 6px,#fdf5df 6px) right 6px top;

中的right改为left手机上又是可以显示的

background:radial-gradient(transparent 0, transparent 4px, #fdf5df 4px) repeat-y  left -6px top/12px 12px, linear-gradient(90deg, transparent 6px,#fdf5df 6px);

效果如下

究竟问题在哪，实际做的效果应该为图1