html - Staircase effect (jagged edges) on angled background linear-gradient only in OS X -

this question has answer here:

• background image, linear gradient jagged edged result needs smooth edged 2 answers

this screen part stage of this live page.

all make background linear-gradient, angle , 2 colors (mostly second color transparent) no gradient @ all.

the issue doesn't occur on windows. seems occur on mac os x browers. (chrome 53, safari 9.1.2, firefox 49 on mac os x 10.11.6, mbpr 15'' late 2013)

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

i not looking different approach implement angled lines

i curious if there can rid of linear-gradient stair cases in mac os x browsers.

use

.myclass { background: @color; /* browsers not support gradients / background: -webkit-linear-gradient(7deg, @color1 50%, transparent 50%); / safari 5.1 6.0 / background: -o-linear-gradient(7deg, @color1 50%, transparent 50%); / opera 11.1 12.0 / background: -moz-linear-gradient(7deg, @color1 50%, transparent 50%); / firefox 3.6 15 / background: linear-gradient(7deg, @color1 50%, transparent 50%); / standard syntax */ }