仅在OS X中的有角度背景线性渐变的楼梯效果（锯齿状边缘）

Question

此屏幕属于this live page的一个阶段。

我所做的只是制作一个线性渐变的背景，一个角度和两种颜色（大多数是第二种颜色是透明的），根本没有渐变。

Windows上不会出现此问题。它似乎只出现在我的Mac OS X Browers上。 （Chrome 53，Safari 9.1.2，Mac OS X 10.11.6上的Firefox 49，MBPr 15＆＃39;＆＃39; 2013年末）

background: linear-gradient(7deg, @color1 50%, transparent 50%);

我不是在寻找一种完全不同的方法来实现有角度的线

我很好奇我是否可以做些什么来摆脱Mac OS X浏览器中的linear-gradient阶梯情况。

Answer 1

使用

.myclass {     背景颜色; / *对于不支持渐变的浏览器 /     背景：-webkit-linear-gradient（7deg，@ color1 50％，透明50％）; / 对于Safari 5.1到6.0 /     背景：-o-linear-gradient（7deg，@ color1 50％，透明50％）; / 对于Opera 11.1到12.0 /     背景：-moz-linear-gradient（7deg，@ color1 50％，透明50％）; / 对于Firefox 3.6到15 /     背景：线性梯度（7deg，@ color1 50％，透明50％）; / 标准语法* / }