2012-08-22 4 views
0

방사형 그라데이션에 다음 CSS를 사용했습니다.방사형 그래디언트 CSS 문제 예 :

background-image: -moz-radial-gradient(50% 0 , rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0)), -moz-radial-gradient(50% 100% , rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0)); 
    background-image: -ms-linear-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -ms-linear-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 
    background-image: -o-linear-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -o-linear-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 
    background-image: -webkit-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -webkit-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 

파이어 폭스와 구글 크롬에서 잘 작동합니다. 나는 IE에서 같은 필요합니다. 나는

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 */ 

IE

에서 일을 구글에서 다음 CSS를 압축을 푼하지만 난 위의 CSS에 맞게 비율 및 색상을 변경하는 방법을 모르겠어요. 어떤 도움이 필요합니까?

http://jsfiddle.net/tKjap/

답변

0

는 IE 지원 rgba 색상을합니까? 그렇다면 복사 된 코드의 hex 색상을 rgba 색상으로 바꿉니다.

예)

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.35)', endColorstr='rgba(255, 255, 255, 0)',GradientType=0); /* IE6-9 */ 

일부 읽기 :.

+0

하이 찰리 도움이 될 것입니다. 나는 내 CSS 코드를 바이올린을 추가했습니다. 내 질문을 참조하십시오. 나는 그것을 시도 할 수 없었다. 도와주세요. – designersvsoft

+0

IE가 없기 때문에이 코드를 테스트 할 수는 없지만 게시 한 코드가 작동해야합니다. – Charlie

0

당신은 당신의 필요 조건에 따라, Gradient CSS을 얻을 수에 따라도 Gradient CSS을 만들 수 있습니다 당신의 색상 요구 사항 ent.

http://www.colorzilla.com/gradient-editor/

+0

도 동일하게 사용합니다 ...;) – Champ

+0

@Champ 나중에 우리는 CSS 그라디언트에 이것을 사용합니다 :-) –

관련 문제