Css 如何阻止Safari旋转我的渐变？

我有一个渐变渲染一个小的1px条纹背景。这在Firefox中运行良好。但当我尝试用-webkit线性渐变实现它时，我需要safari和chrome两个不同的旋转值。Safari以127度渲染它，这是8度关闭

/* renders correct in firefox (20.0) */
-moz-linear-gradient(135deg, #FFF 45%, #DDD 45%, #DDD 58%, #FFF 58%, #FFF 100%);
/* renders right in safari (6.0.4) */
-webkit-linear-gradient(127deg, #FFF 0%, #FFF 46%, #DDD 46%, #DDD 55%, #FFF 55%, #FFF 100%);
/* renders almost right in chrome (26) */
-webkit-linear-gradient(135deg, #FFF 0%, #FFF 46%, #DDD 46%, #DDD 55%, #FFF 55%, #FFF 100%);

---

有没有办法渲染如此小的渐变，或者我应该使用背景图像？

最好的方法可能是在背景中使用您正在寻找的图像并重复它