如何防止背景和漸變之間的1像素線？

Question

縮放時，此線條出現在塊和漸變背景之間。我如何擺脫這條線？具體來說，發現在Safari（縮放幾次之後，加利福尼亞+）

見的jsfiddle：http://jsfiddle.net/lokapujya/eb9dv192/3/

a { 
display: inline-block; 
position: relative; 
margin: 1em; 
padding: 0.8em 1.6em; 
background: linear-gradient(60deg, #005984 50%, transparent 50%) 100% 0, linear-gradient(-60deg, transparent 50%, #005984 51%) 100% 100%, linear-gradient(-90deg, transparent 1em, #005984 1em); 
background-repeat: no-repeat; 
background-size: 1em 51%, 1em 50%, 100% 100%; 
color: white; 
font-family: "Helvetica", "Arial", sans-serif; 
font-weight: 400; 
font-size: 133%; 
text-decoration: none; 
text-transform: uppercase; 

}

Answer 1

更新background-size似乎已經完成了帽子戲法。

更改線路background-size: 1em 51%, 1em 50%, 101% 100%;

http://jsfiddle.net/eb9dv192/5/