Firefox에서 선형 그래디언트가 보입니다.

필자는 선형 그래디언트를 제공하지만 파이어 폭스에서는 새로운 버전이라도 얻을 수있는 것은 단색의 막대와 같은 것입니다. 이것은 내 CSS에서 무엇이다 :Firefox에서 선형 그래디언트가 보입니다.

background-color: #d3d3d3; 
background-repeat: repeat-x; 
background: -moz-linear-gradient(top, rgba(145,145,142,1) 0%, rgba(253,253,253,1) 99%); 
background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#fcfcfc)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#fcfcfc'); 
background: -o-linear-gradient(rgb(211,211,211),rgb(253,253,253));

출처

2013-11-26 MarcL

그라디언트를 만드는 단색 막대와 같이 무엇을 의미합니까? – fiskolin

완벽하게 작동합니다 http://jsfiddle.net/acyNw/66/ – DaniP

http://d.pr/i/1fVU – MarcL

이 this에 따르면, 당신이 버전의 문제를 직면하고있는 가장 않을 수 있습니다. 파이어 폭스는 평소처럼 표준 준수 (프리픽스 없음) CSS 속성을 구현 한 최초의 제품이다.

background size을 설정하지 않은 경우 그래디언트에는 거의 쓸모가 없으므로 background-repeat 속성을 삭제 해보세요. 문제가 해결되면 Bugzilla에 버그 보고서를 게시하는 것이 좋습니다. IE10과 Chrome에서 잘 작동합니까?

출처

2013-11-26 16:03:41 gchiconi

예, IE10 (및 여러 이전 버전) 및 테스트 한 모든 Chrome 버전에서 문제없이 작동합니다. . 그 코드에 무엇이 잘못된 것인지 생각하지 마십시오. – MarcL

'선형 그래디언트'에서 백분율 표시를 제거해보십시오. 그것은 "0 %에서 더 어둡고 100 %에서 더 가벼워진다"는 것을 의미 할 것입니다. 이것은 당신이 지정한 것과 거의 같습니다. – gchiconi

쓴 모든 것을 시도했지만 내 몸은 다음과 같습니다. 본문 { /* fallback */ 너비 : 100 %; 신장 : 100 %; background-color : # d3d3d3; 배경 : -moz-linear-gradient (top, rgba (168,168,168,1) 0 %, rgba (255,255,255,1) 100 %); background : -webkit-gradient (선형, 왼쪽 위, 왼쪽 아래, (# d3d3d3)에서 (#fcfcfc)까지); 필터 : progid : DXImageTransform.Microsoft.gradient (startColorstr = '# d3d3d3', endColorstr = '# fcfcfc'); 배경 : -o-linear-gradient (rgb (211,211,211), rgb (253,253,253)); font-family : 'EB Garamond', serif; background-attachment : fixed; } 아직 문제 ... – MarcL

Firefox에서 선형 그래디언트가 보입니다.

답변

관련 문제