픽셀 측정을 사용할 때 그라디언트 끝이 흐릿함

Question

background-image: linear-gradient CSS 속성을 사용하여 사이트 배경에 여러 색상 스트립을 만듭니다.
일반적으로 그래디언트 중지는 백분율로 정의되지만 내 사이트의 픽셀이 필요하므로 Veru가 사용한 베라 방법을 사용하여 픽셀로 변경했습니다. patterns 각 색상의 끝이 약간 흐릿합니다. Firefox에서는 덜 눈에 띄지 않지만 Chrome에서는 매우 눈에.니다.
처리 방법이 있습니까?
나는 'deg'를 180에서 45로 변경했을 때 끝이 멋지다고 느꼈다. 그러나 불행하게도 나는 줄무늬가 수평해야 :)

내 코드 : 거의 일년 후 http://cssdesk.com/c6mGM

Answer 1

내가 크롬 V36에서 같은 버그로 실행합니다. 나는 주변에서 작품을 제작 : http://codepen.io/davidgailey/pen/ncrKB는

또는 여기에 당신이 선호하는 경우 : https://gist.github.com/davidgailey/8fc1bd1a09747429a3ad

작품은 주위 배경 크기, 배경 위치 및 선형 그라디언트를 사용합니다.

background-size: 100% 150px, 100% 150px; 
background-position: 0 0, 0 bottom; 
background-image: 
linear-gradient(#000,#000), 
linear-gradient(green, green); 

비올라! 좋은 선명한 가로 줄무늬. 미래에 더 우호적 인 일을 할 수 있습니다.

이 버그가 곧 해결되기를 바라지 만, 내 펜을 처음부터 자유롭게 사용해보십시오.